<!DOCTYPE html>
<html lang="en">

<head>


<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-57LTWL0CDC"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-57LTWL0CDC');
</script>

<!-- Google Tag Manager -->

<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':

new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],

j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=

'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);

})(window,document,'script','dataLayer','GTM-M6CQQB4W');</script>

<!-- End Google Tag Manager -->



<!-- Google Tag Manager (noscript) -->

<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M6CQQB4W"

height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

<!-- End Google Tag Manager (noscript) -->


<!-- Required meta tags -->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=yes" />

<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://app.legalboards.io/bower_components/bootstrap/dist/css/bootstrap.min.css" />

<link rel="stylesheet" type="text/css" href="https://app.legalboards.io/bower_components/fullcalendar/dist/fullcalendar.min.css" />

<!-- Loading font -->
<!-- <link href="https://fonts.googleapis.com/css?family=Muli:300,400,700,800" rel="stylesheet" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap" rel="stylesheet">
-->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">

<link href="https://app.legalboards.io/fontawesome-pro-6.5.1/css/all.min.css?v=1750178742" rel="stylesheet" />
<link href="https://app.legalboards.io/fontawesome-pro-6.5.1/css/sharp-solid.min.css?v=1750178742" rel="stylesheet" />
<!-- <link rel="stylesheet" href="https://kit.fontawesome.com/fc6da96cac.css" crossorigin="anonymous"> -->


<!-- jQuery UI Stylesheet -->
<link rel="stylesheet" href="https://app.legalboards.io/bower_components/jquery-ui/themes/base/base.css" />

<link rel="stylesheet" type="text/css"
href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" />

<link rel="stylesheet" type="text/css" href="https://app.legalboards.io/bower_components/angular-ui-select/dist/select.min.css" />

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/3.4.5/select2.css" />

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/trix/0.9.2/trix.css" />
<link href="https://app.legalboards.io/bower_components/bootstrap-toggle/css/bootstrap-toggle.min.css" rel="stylesheet" />

<link rel="stylesheet" type="text/css" href="https://app.legalboards.io/bower_components/bootstrap-daterangepicker/daterangepicker.css" />

<link rel="stylesheet" type="text/css" href="https://app.legalboards.io/bower_components/json-formatter/dist/json-formatter.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-nice-select/1.1.0/css/nice-select.min.css" />

<link rel="stylesheet" href="https://kit.fontawesome.com/fc6da96cac.css" crossorigin="anonymous">

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" />
<link rel="stylesheet" type="text/css" href="https://app.legalboards.io/css/custom.css?v=production-84756eb " />
<link rel="stylesheet" type="text/css" href="https://app.legalboards.io/bower_components/angular-bootstrap/ui-bootstrap-csp.css " />

<link rel="stylesheet" type="text/css" href="https://app.legalboards.io/bower_components/angular-bootstrap-colorpicker/css/colorpicker.min.css " />

<link rel="stylesheet" type="text/css" href="https://app.legalboards.io/bower_components/angular-ui-select/dist/select.min.css " />

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/3.4.5/select2.css" />
<link rel="stylesheet" href="https://app.legalboards.io/bower_components/angular-tooltips/dist/angular-tooltips.css" />



<!-- Custom Styles -->
<link rel="stylesheet" href="https://app.legalboards.io/bower_components/angular-material/angular-material.min.css">
<link rel="stylesheet" href="https://app.legalboards.io/bower_components/tribute/dist/tribute.css">
<link rel="stylesheet" type="text/css" href="https://app.legalboards.io/dist/css/styles.css?v=production-84756eb" />
<link rel="stylesheet" type="text/css" href="https://app.legalboards.io/dist/css/angular-tooltips.css" />
<link rel="apple-touch-icon" sizes="180x180" href="https://app.legalboards.io/img/favicon/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="https://app.legalboards.io/img/favicon/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="https://app.legalboards.io/img/favicon/favicon-16x16.png" />
<link rel="manifest" href="https://app.legalboards.io/img/favicon/site.webmanifest" />
<link rel="mask-icon" href="https://app.legalboards.io/img/favicon/safari-pinned-tab.svg" color="#51ded4" />

<meta name="msapplication-TileColor" content="#6040BA" />
<meta name="theme-color" content="#ffffff" />
<meta name="description" content="">
<title>Legalboards - Boards</title>

</head>

<body id="dashboard" class="" ng-class="!AuthUser.view_option ? null : AuthUser.view_option+'-contrast'" ng-app="app"
app-date-format="m/d/Y" ng-keydown="$root.handleKeyDown($event)"
app-language="en-US">
<!-- Add this tag immediately after <BODY> tag opening -->

<!-- Main menu S T A R T -->
<section ng-controller="SideMenuController" ng-cloak class="sidemenu">
<div id="collapse-menu">
<div class="logo">
<img class="collapsed dark-icon" src="https://app.legalboards.io/img/logo-icon-dark.png" />
<img class="collapsed light-icon" src="https://app.legalboards.io/img/logo-icon.svg" />
<img class="expand" src="https://app.legalboards.io/img/logo-expand.svg" />

<button class="btn btn-collapse">
<i class="fas fa-angle-right"></i>
</button>
</div>

<div class="user-greetings">
<div class="user-avatar raio-40 user-data-avatar" style="background-image:url(https://app.legalboards.io/img/user-img.png);">
<span class="user-data-initials"></span>
</div>
<a href="javascript:;" ng-click="openEditProfile()" class="edit-profile-pic">
<i class="fa-solid fa-pencil"></i>
</a>

<div class="user-text expand">
<h5>
Hello,
<strong class="user-data-first-name"></strong><br />
<a href="javascript:;" ng-click="openEditProfile()">Edit Profile</a>
</h5>

<!-- can change the color of the notification dot by changing the classes "danger" & "success" -->
<!-- <a href="" class="notification danger"
><i class="far fa-bell"></i
></a> -->
</div>
</div>

<div class="my-3 mb-4">
<span ng-cloak ng-show="!$root.hasAnyRole('viewer') && $root.timerRunning" timer-controls>
<timer max-time-unit="'hour'" interval="1000" start-time="timer.startTime" autostart="false"
class="timer-count">{{ hhours }}:{{ mminutes }}:{{
sseconds
}}
</timer>
<br />
<button ng-if="timerStatus === 'started'
" ng-click="pauseTimer(timer)" class="timer-play" title="Pause timer"
title-direction="right">
<i class="fad fa-pause-circle color-purple"></i>
</button>
<button ng-if="timerStatus === 'stopped'
" ng-click="resumeTimer(timer)" class="timer-play" title="Resume timer"
title-direction="right">
<i class="fad fa-play-circle color-purple"></i>
</button>

<button ng-click="openTimer()" class="timer-play" title="Stop timer"
title-direction="right">
<i class="fad fa-stop-circle color-purple"></i>
</button>
</span>

<div class="menu" ng-if="!$root.hasAnyRole('viewer') && !$root.timerRunning">
<ul class="list-unstyled">
<li>
<a href="#" ng-click="openTimer();" title="Start Timer"
title-direction="right"><i class="fa-solid fa-stopwatch"></i>
<span class="expand">Start Timer</span></a>
</li>
</ul>
</div>
</div>

<div class="menu">
<!-- <ul class="list-unstyled">
<li>
<a href="overview.html"
><i class="fas fa-tachometer-alt"></i>
<span class="expand">Overview</span></a
>
</li>
</ul> -->

<ul class="list-unstyled">
<li>
<a href="https://app.legalboards.io/boards" class=" active " title="Boards"
title-direction="right"><i class="fa-sharp fa-solid fa-grid"></i>
<span class="expand">Boards</span></a>
</li>

<ng-if ng-if="::!hasAnyRole('viewer')" ng-cloak>
<li
ng-if="::$root.hasDashboardModule() && ($root.isAccountOwner() || $root.hasAnyRole('admin'))">
<a href="https://app.legalboards.io/dashboard" ng-class="{
active: isActive(
'https://app.legalboards.io/dashboard'
)
}" title="Dashboard" title-direction="right">
<i class="fa-solid fa-gauge-high"></i>
<span class="expand">Dashboard</span>
</a>
</li>

<li ng-if="::hasAsset('Legalboards')">
<a href="https://app.legalboards.io/matters" ng-class="{
active: isActive(
'https://app.legalboards.io/matters'
)
}" title="Matters" title-direction="right">
<i class="fa-solid fa-folder"></i>
<span class="expand">Matters</span>
</a>
</li>



<li ng-if="::$root.hasContactModule()">
<a href="https://app.legalboards.io/contacts" ng-class="{
active: isActive(
'https://app.legalboards.io/contacts'
)
}" title="Contacts" title-direction="right">
<i class="fa-solid fa-users"></i>
<span class="expand">Contacts</span>
</a>
</li>

<li ng-if="::hasAsset('Legalboards') && hasAsset('Tasks')">
<a href="https://app.legalboards.io/tasks" ng-class="{
active: isActive(
'https://app.legalboards.io/tasks'
)
}" title="Tasks" title-direction="right">
<i class="fa-solid fa-square-check"></i>
<span class="expand">Tasks</span>
</a>
</li>

<li ng-if="::hasAsset('Clio')">
<a href="https://app.legalboards.io/clio_tasks" ng-class="{
active: isActive(
'https://app.legalboards.io/clio_tasks'
) || isActive(
'https://app.legalboards.io/tasks'
)
}" title="Tasks" title-direction="right">
<i class="fa-solid fa-square-check"></i>
<span class="expand">Tasks</span>
</a>
</li>
</ng-if>


<li id="menu-reports"
ng-if="!hasAnyRole(['viewer']) && hasAsset('Legalboards') && $root.hasReportsModule()">
<a href="javascript:;" class="config_profile" title="Reports"
title-direction="right" onclick="
$('#collapse-menu').removeClass('menu-expand');
$('.sidemenu .slide-in-contaniner').removeClass('show');
$('#report-settings').addClass('show');
">
<i class="fa-solid fa-chart-mixed"></i>
<span class="expand">
Reports
</span>
</a>
</li>

<li id="menu-reports"
ng-if="!hasAnyRole(['viewer']) && hasAsset('Clio') && $root.hasReportsModule()">
<a href="javascript:;" class="config_profile" title="Reports"
title-direction="right" onclick="
$('#collapse-menu').removeClass('menu-expand');
$('.sidemenu .slide-in-contaniner').removeClass('show');
$('#report-settings').addClass('show');
">

<i class="fa-solid fa-chart-mixed"></i>
<span class="expand">
Reports
</span>
</a>
</li>

<li ng-if="::hasAsset('Legalboards') && hasAsset('Publications')">
<a href="https://app.legalboards.io/publications" ng-class="{
active: isActive(
'https://app.legalboards.io/publications'
)
}" title="Publications" title-direction="right">
<i class="fas fa-newspaper "></i>
<span class="expand">Publications</span>
</a>
</li>

<li id="menu-settings" ng-if="!hasAnyRole(['viewer'])">
<a href="javascript:;" class="config_profile" title="Settings"
title-direction="right" onclick="
$('.edit-profile-slide').removeClass('show');
$('#report-settings').removeClass('show');
$('.settings-nav-btn').removeClass('active');
$('#collapse-menu').removeClass('menu-expand');
$('.sidemenu .slide-in-contaniner').removeClass('show');
$('#config-profile').addClass('show');
">
<i class="fa-solid fa-gear"></i>
<span class="expand">
Settings
</span>
</a>
</li>

</ul>

<ul class="list-unstyled">
<li>
<a href="https://legalboards.com/get-help/" target="_blank" title="Help" title-direction="right">
<i class="fa-solid fa-circle-question"></i>
<span class="expand">Help</span></a>
</li>
</ul>

<ul class="list-unstyled">
<li>
<a id="logout" href="https://app.legalboards.io/logout" title="Logout" title-direction="right">
<i class="fa-solid fa-right-from-bracket"></i>
<span class="expand">Logout</span>
</a>
</li>
</ul>
</div>
</div>
<!-- slide in content S T A R T -->
<div id="config-profile" class="slide-in-contaniner config-slide-form">
<div class="slide-in-content d-flex flex-column overflow-auto justify-content-between">
<div>
<button
class="btn-link btn-hide-slider"
onclick="$('.slide-in-contaniner').removeClass('show');">
<i class="fas fa-chevron-left"></i>
</button>

<div class="user-container mt-2">
<!-- <h4>Account Settings</h4> -->
<div class="user-photo">
<div>
<img
class="logo-account-edit"
ng-src="{{
AuthUser.account.logo ||
'https://via.placeholder.com/300x120/f7f8fc/6f8097?text=Upload%20logo'
}}" />
<a
href="javascript:;"
class="edit-profile-pic"
ng-if="hasAnyRole(['admin'])">
<label
style="color: inherit"
title="Upload logo"
title-direction="right">
<i class="fas fa-pencil-alt"></i>
<input
ng-if="::hasAnyRole('admin') || accountOwner"
accept=".jpeg,.jpg,.png"
type="file"
style="display: none"
id="logo"
ng-model="logo"
onchange="angular.element(this).scope().uploadLogo(logo)" />
</label>
</a>
</div>
</div>
<div class="user-meta mt-2 pl-0" id="display_account_name">
<h3 class="mb-0">
{{ AuthUser.account.name }}
</h3>
<a
ng-if="::hasAnyRole('admin')"
class="btn-link"
type="button"
onclick="$('#display_account_name').fadeOut('slow', function() { $('#formEditAccount').fadeIn();});">
<!-- <i class="fas fa-pen colorLight"></i> -->
Edit Account Name</a>
</div>

<div class="mt-3 mb-4" style="display: none" id="formEditAccount">
<form
class="form-edit-profile edit-account-name"
name="formEditAccount"
ng-submit="updateAccount(AuthUser.account)">
<div class="form-group mb-3">
<input
type="text"
class="form-control"
required
name="name"
ng-model="AuthUser.account.name"
placeholder="First Name" />
</div>
<span
class="error"
ng-show="formEditAccount.name.$error.required">
This field is required.
</span>

<div class="btn-container">
<button
class="btn btn-primary"
ng-disabled="loading"
type="submit"
onclick="$('#formEditAccount').fadeOut('slow', function() { $('#display_account_name').fadeIn();});">
<i class="fas fa-check"></i>
</button>
</div>
</form>
</div>
</div>
<div class="payment-details-block space-settings" ng-if="!hasAnyRole(['viewer'])">
<div class="mt-3">
<h4 style="font-size: 16px;">More Settings</h4>
<ul class="settings-itens">
<li ng-if="hasAnyRole(['admin'])">
<a class="mb-1"
href="https://app.legalboards.io/account/plans">
<i class="fas fa-file-invoice-dollar"></i>
Plans &amp; Billing
<i class="fas fa-chevron-right"></i>
</a>
</li>
<li ng-if="hasAnyRole(['admin'])">
<a
class="settings-nav-btn setting-team-management"
type="button"
ng-click="openTeamManagementTab()"
id="open-team-management-tab">
<i class="fas fa-users"></i>
Team Management
<i class="fas fa-chevron-right"></i>
</a>
</li>
<li ng-if="hasAnyRole(['admin'])">
<a
class="settings-nav-btn setting-squad-management"
type="button"
ng-click="openSquadManagementTab()"
id="open-squad-management-tab">
<i class="fas fa-users-cog"></i>
Squad Management
<i class="fas fa-chevron-right"></i>
</a>
</li>
<li ng-if="$root.hasCustomFieldsModule() && !hasAnyRole(['viewer'])">
<a class="settings-nav-btn settings-custom-fields" type="button" ng-click="openCustomFieldsTab()">
<i class="fas fa-paint-brush"></i>
Custom Fields
<i class="fas fa-chevron-right"></i>
</a>
</li>
<li ng-if="!hasAnyRole(['viewer']) && $root.hasCustomFormsModule()">
<a class="settings-nav-btn settings-forms" type="button" ng-click="openCustomFormsTab()">
<i class="fas fa-inbox-in"></i> Forms
<i class="fas fa-chevron-right"></i>
</a>
</li>
<li ng-if="::accountOwner || hasAnyRole('admin')">
<a href="https://app.legalboards.io/store" type="button">
<i class="fas fa-puzzle-piece"></i>
Extensions
<i class="fas fa-chevron-right"></i>
</a>
</li>
<li ng-if="::!hasAsset('Office365') && (accountOwner || hasAnyRole('admin'))">
<a class="settings-nav-btn settings-email-settings" type="button" ng-click="openEmailSettingsTab()">
<i class="fas fa-envelope"></i>
Email Settings
<i class="fas fa-chevron-right"></i>
</a>
</li>

<li>
<a class="settings-nav-btn settings-notifications" type="button" ng-click="openNotificationsTab()">
<i class="fas fa-bell"></i>
Notifications
<i class="fas fa-chevron-right"></i>
</a>
</li>
<li ng-if="!hasAnyRole(['viewer']) && (hasAsset('Legalboards') || hasAsset('Tasks'))">
<a type="button" ng-click="openParametersTab()">
<i class="fas fa-users"></i> Parameters
<i class="fas fa-chevron-right"></i>
</a>
</li>

<li ng-if="hasAsset('OneDrive') || hasAsset('GoogleDrive')">
<a class="settings-nav-btn settings-document-templates" type="button" ng-click="openDocumentTemplateTab()">
<i class="fa-sharp fa-solid fa-file-contract"></i>
Document Templates
<i class="fas fa-chevron-right"></i>
</a>
</li>

<li ng-if="hasAsset('Publications')">
<a class="settings-nav-btn settings-publications" type="button" ng-click="openPublicationsCategoriesTab()">
<i class="fa-solid fa-tags"></i>
Categories Publications
<i class="fas fa-chevron-right"></i>
</a>
</li>

<li ng-if="::hasAsset('Docketwise')" class="p-3">
<button type="button" class="btn btn-sm btn-primary" ng-click="syncDocketwise()">
<i class="fas fa-sync"></i>
Sync Docketwise Data Now
</button>
</li>
<li ng-if="::hasAsset('Filevine')" class="p-3">
<button type="button" class="btn btn-sm btn-primary" ng-click="syncFilevine()">
<i class="fas fa-sync"></i>
Sync Filevine Data Now
</button>
</li>
<li ng-if="::hasAsset('Office365')">
<a href="https://app.legalboards.io/login/office365" type="button" style="text-align: -webkit-match-parent;" class="button" ng-class="{'disabled': AuthUser.hasOffice365Authorization}">
<i class="fab fa-microsoft"></i>
<ng-if ng-if="AuthUser.hasOffice365Authorization">Office 365 Authenticated</ng-if>
<ng-if ng-if="!AuthUser.hasOffice365Authorization">Office 365 Authentication</ng-if>
</a>
</li>

<li ng-if="::hasAsset('GoogleCalendar')">
<a href="https://app.legalboards.io/login/google_calendar" type="button" style="text-align: -webkit-match-parent;" class="button" ng-class="{'disabled': AuthUser.hasGoogleCalendarAuthorization}">
<i class="fab fa-google"></i>
<ng-if ng-if="AuthUser.hasGoogleCalendarAuthorization">Calendar Authenticated</ng-if>
<ng-if ng-if="!AuthUser.hasGoogleCalendarAuthorization">Calendar Authentication</ng-if>
</a>
</li>

</ul>

<div class="payment-details-block account-automation-block" ng-if="::$root.isAccountOwner() || $root.hasAnyRole('admin')">
<h4 style="font-size: 16px;">Account Automations</h4>
<div
class="custom-control custom-switch custom-control-inline pt-3">
<input
type="checkbox" class="custom-control-input" id="customSwitchToggleAccountAutomationsRunning"
ng-model="AuthUser.account.run_automations"
ng-change="pauseAllAutomationsCallback(AuthUser.account)"
ng-true-value="1" ng-false-value="0">
<label class="custom-control-label order-1" for="customSwitchToggleAccountAutomationsRunning">
<span class="" ng-if="AuthUser.account.run_automations">
All Account`s Automations Running
</span>
<span class="" ng-if="!AuthUser.account.run_automations">
Automations are paused
</span>

</label>
</div>
</div>
</div>


</div>
</div>
<div>
<div class="mt-4">
<div class="">
<span ng-if="::accountOwner || hasAnyRole('admin')">
<a style="font-size: 16px;" class="font-title font-weight-bold color-black hover-underline" type="button" ng-click="openCancelAccountTab()">
Cancel My Account
</a>
</span>
</div>
</div>
</div>
</div>
</div>

<!-- Edit Profile Info -->
<div id="edit-profile" class="slide-in-contaniner edit-profile-slide">
<div class="slide-in-content">
<button
class="btn-link btn-hide-slider"
onclick="$('.edit-profile-slide').removeClass('show');">
<i class="fas fa-chevron-left"></i>
</button>

<h5 class="mt-2">Edit Profile</h5>

<div
class="alert alert-success"
role="alert"
ng-show="alertEditProfileSuccess">
<span>{{ alertEditProfileSuccess }}</span>
</div>

<div
class="alert alert-info"
role="alert"
ng-show="alertEditProfileError"
ng-bind-html="alertEditProfileError"></div>

<form
name="formEditProfile"
class="form-edit-profile mt-4"
ng-submit="updateProfile(user)">
<div class="user-greetings edit-profile-form-foto">
<div
class="user-avatar raio-60 user-data-avatar"
style="background-image:url(https://app.legalboards.io/img/user-img.png);">
<span class="user-data-initials"></span>
</div>

<label class="edit-profile-pic">
<i class="fas fa-upload"></i>
<input
accept=".jpeg,.jpg,.png"
type="file"
style="display: none"
id="avatar"
ng-model="avatar"
onchange="angular.element(this).scope().uploadAvatar(avatar)" />
</label>

<div class="user-text expand ml-0 pt-3">
<h3>
<strong class="color-purple">Hello,</strong>
<strong class="user-data-first-name"></strong>
</h3>
</div>
</div>

<div class="form-group mb-3">
<label>First Name</label>
<input
type="text"
class="form-control"
required
name="first_name"
ng-model="user.first_name"
placeholder="First Name" />
</div>
<span
class="error"
ng-show="
formEditProfile.first_name.$dirty &&
formEditProfile.first_name.$error.required
">
This field is required.
</span>
<div class="form-group mb-3">
<label>Last Name</label>
<input
type="text"
class="form-control"
required
name="last_name"
ng-model="user.last_name"
placeholder="Last Name" />
</div>
<span
class="error"
ng-show="
formEditProfile.last_name.$dirty &&
formEditProfile.last_name.$error.required
">
This field is required.
</span>
<div class="form-group mb-3">
<label>Email</label>
<input
type="email"
class="form-control"
name="email"
ng-model="user.email"
disabled
readonly />
</div>
<div class="form-group mb-3">
<label>Password</label>
<input
type="password"
class="form-control"
name="password"
ng-model="user.password"
minlength="6"
ng-pattern="/^(?=.*[0-9])(?=.*[a-z])(?=.*[A-Z])/"
placeholder="Leave it empty if you want to keep the same password" />
</div>

<span
class="error"
ng-show="
formEditProfile.password.$dirty &&
formEditProfile.password.$error.minlength
">
Password must have at least 6 characters.
</span>

<span
class="error"
ng-show="
formEditProfile.password.$dirty &&
formEditProfile.password.$error.pattern
">
Password must have at least 1 lowercase letter, 1 uppercase letter and 1 number.
</span>

<div class="form-group mb-3">
<label>Phone</label>
<input
type="text"
class="form-control"
name="phone"
ng-model="user.phone"
placeholder="Phone" />
</div>

<div class="form-group mb-3">
<label>Time zone</label>
<ui-select autofocus-ui-select ng-model="user.timezone" theme="select2" required>
<ui-select-match
allow-clear
placeholder="Time zone">
{{ user.timezone }}
</ui-select-match>
<ui-select-choices
repeat="timezone in timezones | filter:$select.search track by $index">
{{ timezone }}
</ui-select-choices>
</ui-select>
</div>

<div class="form-group mb-3">
<label>Language</label>
<select
class="form-control"
name="language"
ng-model="user.language">
<option value="en-US">English (Date: mm/dd/yyyy)</option>
<option value="en-AU">English (Date: dd/mm/yyyy)</option>
<option value="fr">Français</option>
<option value="pt-BR">Português (Data: dd/mm/aaaa)</option>
</select>
</div>

<div class="form-group mb-3">
<label>View option</label>
<select
class="form-control"
name="view_option"
ng-model="user.view_option">
<option value="normal" selected>Normal</option>
<option value="dark">Dark Contrast</option>
<option value="light">Light Contrast</option>
</select>
</div>

<div class="mt-3">
<button
class="btn btn-primary btn-block"
ng-disabled="loading"
type="submit">
Save
</button>
</div>
</form>
</div>
</div>

<!-- Edit Account Info -->
<div id="edit-account" class="slide-in-contaniner edit-profile-slide">
<div class="slide-in-content">
<button
class="btn-link btn-hide-slider"
onclick="$('.edit-profile-slide').removeClass('show');">
<i class="fas fa-chevron-left"></i>
</button>

<h5 class="mt-2">My Account</h5>
<form
class="form-edit-profile mt-4"
name="formEditAccount"
ng-submit="updateAccount(AuthUser.account)">
<div class="form-group mb-3">
<input
type="text"
class="form-control"
required
name="name"
ng-model="AuthUser.account.name"
placeholder="First Name" />
</div>
<span class="error" ng-show="formEditAccount.name.$error.required">
This field is required.
</span>

<div class="btn-container">
<button
class="btn btn-primary"
ng-disabled="loading"
type="submit">
Save
</button>
</div>
</form>
</div>
</div>

<!-- Invite Friends -->
<div
id="invite-friends"
class="slide-in-contaniner edit-profile-slide"
ng-if="::accountOwner || hasAnyRole('admin')"
style="max-width: 550px">
<button
class="btn-link btn-hide-slider"
onclick="$('.edit-profile-slide').removeClass('show');$('.settings-nav-btn').removeClass('active');">
<i class="fas fa-chevron-left"></i>
</button>
<div class="slide-in-content">
<h3 class="mt-2">Account&#039;s Users</h3>
<p>
Here you can manage the members and guests of your Legalboards account, as well as change permissions and boards that each member has access to.
</p>
<div class="row mb-3">
<div class="col-8 mt-3">
<div class="search">
<input
type="text"
class="form-control"
ng-model="searchTeam"
placeholder="Search Members" />
<span class="search-icon">
<i class="fas fa-search"></i>
</span>
</div>
</div>
<div class="col-4 mt-3">
<button type="button" class="btn btn-primary btn-block" ng-click="openInvitationForm()">Invite</button>
</div>
</div>

<div class="users-tab mt-5">
<ul class="nav nav-tabs" id="myTab" role="tablist">
<li class="nav-item">
<a
class="nav-link active"
id="profile-tab"
data-toggle="tab"
href="#confirmed-users"
role="tab"
aria-controls="confirmed-users"
aria-selected="false">Users</a>
</li>
<li class="nav-item">
<a
class="nav-link "
id="home-tab"
data-toggle="tab"
href="#new-users"
role="tab"
aria-controls="new-users"
aria-selected="true">Invited User</a>
</li>
</ul>
<div class="tab-content" id="UserContent">
<div
class="tab-pane fade"
id="new-users"
role="tabpanel"
aria-labelledby="new-users-tab">
<div
class="col-12 mt-3"
ng-cloak
ng-show="account_invited.length === 0">

<img src="https://app.legalboards.io/img/no-invite.png" width="100%" />
</div>

<div
class="invite-user-card border-bottom py-2"
ng-repeat="invited in account_invited | filter:searchTeam track by invited.id">
<div class="meta pt-0 w-100 mr-3">
<div class="row">
<div class="col-9">
<h5 class="mt-0">{{ ::invited.name }}</h5>
<span class="job text-lowercase">
{{ ::invited.email }}
</span>
</div>
<div class="col-3 justify-content-end d-flex pr-0 pt-2">
<span ng-if="::invited.status === 'accepted' || checkIfAccountMember(invited.email)">
<button class="btn-link invited py-2">
Accepted
</button>
</span>

<span
ng-if="::invited.status === 'invited' && !checkIfAccountMember(invited.email)">
<button
ng-disabled="loading"
type="button"
class="btn btn-sm btn-primary mr-2"
ng-click="openInvitationForm(invited)"
tooltip="Edit">
<i class="fas fa-pencil"></i>
</button>
</span>

<span
ng-if="::invited.status === 'invited' && !checkIfAccountMember(invited.email)">
<button

type="button"
class="btn btn-sm btn-primary mr-2"
ng-click="submitReinvite(invited)"
tooltip="Resend">
<i class="fas fa-paper-plane"></i>
</button>
</span>
</div>
</div>
</div>
</div>
</div>
<div
class="tab-pane fade show active"
id="confirmed-users"
role="tabpanel"
aria-labelledby="confirmed-users-tab">
<div
class="col-12 mt-3"
ng-cloak
ng-show="account_members.length === 0">
<div class="pl-2 pr-4 empty-block">
<a href="">
<strong>No Members Yet</strong>
</a>
</div>
</div>

<div
class="invite-user-card border-bottom py-2"
ng-repeat="member in account_members | filter:searchTeam track by member.id">
<div
class="user-avatar raio-50"
style="background-image:url({{ ::member.avatar }});">
<span
ng-class="{
'user-data-initials':
AuthUser.id == member.id
}"
ng-hide="::member.avatar">{{ ::member.initials }}</span>
</div>
<div class="meta pt-0">
<div class="row">
<div class="col-9">
<h5 class="mt-0">
{{ ::member.first_name }}
{{::member.last_name}}
</h5>
<span class="job text-lowercase">
{{ ::member.email }}
</span>
<br />
<span>
{{ member.roles[0].display_name }}
</span>
</div>
<div class="col-3 justify-content-end d-flex pr-0 pt-2">
<span
ng-if="!isAccountOwnerUser(member.account_user) && hasAnyRole('admin') && member.id !== AuthUser.id">
<button
type="button"
class="btn btn-sm btn-primary mr-2"
ng-click="openUserRolesForm(member)">
<i class="fas fa-user-tag"></i>
</button>
</span>
<span
ng-if="!isAccountOwnerUser(member.account_user) && hasAnyRole('admin') && member.id !== AuthUser.id">
<button
type="button"
class="btn btn-sm btn-danger"
ng-click="confirmRemoveMember($index, member)">
<i class="fas fa-trash-alt"></i>
</button>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<!-- Slider form S T A R T -->
<div
id="user-role-form"
class="slide-in-contaniner edit-profile-slide third-level"
>
<button
class="close-btn btn close-form-but"
ng-click="closeUserRolesForm()"
>
<i class="fas fa-times"></i>
</button>

<div class="slide-in-content">
<h3>Edit Role</h3>
<form
name="formUserRole"
ng-submit="saveUserRoles(member, formUserRole)"
class="mt-2"
>
<div class="form-row mb-3">
<p class="instruction-text">Permission Group</p>
</div>

<div
class="form-row mb-3"
ng-repeat="role in account_roles track by role.id"
>
<div class="col-12 mt-2">
<div class="pl-0 col-4 float-left">
<label
class="radio-container"
for="value-{{ role.id }}"
>
{{ role.display_name }}
<input
type="radio"
name="role"
id="value-{{ role.id }}"
ng-value="{{ role.id }}"
ng-model="member.roleId"
/>
<span class="checkmark"></span>
</label>
</div>
</div>
</div>

<span
class="error"
ng-show="
formUserRole.type.$dirty &&
formUserRole.type.$error.required
"
>This field is required.
</span>

<div class="form-btn-container mt-3 mb-3">
<button
type="submit"
class="btn btn-primary btn-block mb-3"
ng-disabled="formUserRole.$invalid || loading"
ng-class="{ loading: loading }"
>
Save
</button>
<!-- <button
class="btn btn-outline-secondary btn-block close-form-tab"
ng-click="closeUserRolesForm(form)"
>
Cancel
</button> -->
</div>
<small>
<strong><i class="fas fa-lightbulb-exclamation"></i></strong
>Admin can manage all features, members can use boards shared with them and create their own, and viewers can only access boards shared with them but with no permission to add, edit or delete anything.
</small>
</form>

<h3 class="mt-5">User&#039;s Boards</h3>
<div class="row">
<div class="col-12">
<div class="mt-4 mb-2">
<input type="text" class="form-control" ng-model="searchBoards" placeholder="Search">
</div>
</div>
</div>

<div
class="mt-2"
>
<div class="form-row mb-3">
<p class="instruction-text">Boards</p>
</div>

<div
class="form-row mb-3"
>
<div
class="col-6"
ng-repeat="board in account_boards | filter:searchBoards track by board.id"
>
<div class="pl-0 col-12 float-left">
<label
class="check-container"
for="board-{{ board.id }}"
ng-disabled="board.loading"
>
{{ board.name }}
<input
type="checkbox"
name="board"
id="board-{{ board.id }}"
ng-disabled="board.loading"
ng-click="toggleBoardTeam(member, board)"
ng-checked="member.boardsIds.indexOf(board.id) > -1"
/>
<span class="checkmark"></span>
</label>
</div>
</div>
</div>
</div>
</div>

</div>

<!-- Slider form E N D -->

<div
id="account-email-settings"
class="slide-in-contaniner edit-profile-slide"
ng-if="::accountOwner || hasAnyRole('admin')"
style="max-width: 550px">
<button
class="btn-link btn-hide-slider"
onclick="$('.edit-profile-slide').removeClass('show');$('.settings-nav-btn').removeClass('active');">
<i class="fas fa-chevron-left"></i>
</button>
<div class="slide-in-content">
<h3 class="mt-2">Email Settings</h3>
<p>You can configure the SMTP settings for your account&#039;s personal email domains.</p>
<form
name="formAccountEmailSettings"
ng-submit="saveAccountMailSettings(accountMailSettings, formAccountEmailSettings)"
class="mt-2"
autocomplete="off">
<div class="form-row mb-1">
<div class="col-12 mt-2">
<label>Host</label>
<input
type="text"
class="form-control"
placeholder="Host"
name="mail_host"
ng-model="accountMailSettings.mail_host"
ng-required="accountMailSettings.mail_port || accountMailSettings.mail_user || accountMailSettings.mail_pass"
autocomplete="off" />
</div>
</div>

<span
class="error"
ng-show="
formAccountEmailSettings.mail_host.$dirty &&
formAccountEmailSettings.mail_host.$error.required
">This field is required.
</span>

<div class="form-row mb-1">
<div class="col-12 mt-2">
<label>Port</label>
<input
type="text"
class="form-control"
placeholder="Port"
name="mail_port"
ng-model="accountMailSettings.mail_port"
ng-required="accountMailSettings.mail_host || accountMailSettings.mail_user || accountMailSettings.mail_pass"
autocomplete="off" />
</div>
</div>

<span
class="error"
ng-show="
formAccountEmailSettings.mail_port.$dirty &&
formAccountEmailSettings.mail_port.$error.required
">This field is required.
</span>

<div class="form-row mb-1">
<div class="col-12 mt-2">
<label>User</label>
<input
type="text"
class="form-control"
placeholder="User"
name="mail_user"
ng-model="accountMailSettings.mail_user"
ng-required="accountMailSettings.mail_host || accountMailSettings.mail_port || accountMailSettings.mail_pass" />
</div>
</div>

<span
class="error"
ng-show="
formAccountEmailSettings.mail_user.$dirty &&
formAccountEmailSettings.mail_user.$error.required
">This field is required.
</span>

<div class="form-row mb-1">
<div class="col-12 mt-2">
<label>Pass</label>
<input
type="password"
class="form-control"
placeholder="Pass"
name="mail_pass"
ng-model="accountMailSettings.mail_pass"
ng-required="accountMailSettings.mail_host || accountMailSettings.mail_port || accountMailSettings.mail_user" />
</div>
</div>

<span
class="error"
ng-show="
formAccountEmailSettings.mail_pass.$dirty &&
formAccountEmailSettings.mail_pass.$error.required
">This field is required.
</span>

<div class="form-btn-container mt-3 col-12 px-0">
<button
type="submit"
class="btn btn-primary btn-block mb-3"
ng-disabled="formAccountEmailSettings.$invalid || loading"
ng-class="{ loading: loading }">
Save
</button>
<button
type="button"
class="btn btn-secondary btn-block mb-3"
ng-click="accountMailSettings.mail_host = null; accountMailSettings.mail_port = null; accountMailSettings.mail_user = null; accountMailSettings.mail_pass = null; saveAccountMailSettings(accountMailSettings, formAccountEmailSettings);"
ng-class="{ loading: loading }">
Clear &amp; Save
</button>
</div>
</form>
</div>
</div>




<!-- User Invitation Form -->
<div
id="user-invitation-form"
class="slide-in-contaniner edit-profile-slide third-level"
>
<button
class="close-btn btn close-form-but"
ng-click="closeInvitationForm()"
>
<i class="fas fa-times"></i>
</button>

<div class="slide-in-content">
<h3>User Invitation</h3>
<form
name="formInvite"
ng-submit="submitInvite(invitation, formInvite)"
class="mt-4"
>
<div
class="alert alert-success"
role="alert"
ng-show="alertTeamSuccess"
>
<span>{{ alertTeamSuccess }}</span>
</div>

<div class="alert alert-info" role="alert" ng-show="alertTeamError">
<span>{{ alertTeamError }}</span>
</div>

<div class="form-group mb-3">
<label>Full Name</label>
<input
type="text"
class="form-control"
required
name="name"
ng-model="invitation.name"
placeholder="Name"
/>
</div>

<span
class="error"
ng-show="
formInvite.name.$dirty && formInvite.name.$error.required
"
>
This field is required.
</span>

<div class="form-group mb-3">
<label>E-mail to Invite</label>
<input
type="email"
class="form-control"
required
name="email"
ng-model="invitation.email"
placeholder="Email"
ng-disabled="!!invitation.id"
/>
</div>

<span
class="error"
ng-show="
formInvite.email.$dirty && formInvite.email.$error.required
"
>
This field is required.
</span>

<span
class="error"
ng-show="
formInvite.email.$dirty && formInvite.email.$error.email
"
>Enter a valid email.
</span>

<div class="form-group mb-3">
<label> Boards to allow access</label>
<ng-show ng-show="account_boards.length > 0" class="list-item-board">
<h4 id="dDrop" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" ng-cloak class="subtitles-dropdown">
<ng-show >Select</ng-show>
<i class="fal fa-chevron-down"></i>
</h4>
<div class="subtitles-dropdown dropdown-menu pre-scrollable" aria-labelledby="dDrop">
<h4 class="subtitles-dropdown subtitles-item" ng-repeat="board in account_boards | filter:{showOnInvitations:1} track by board.id" ng-click="select_board.boards.unshift(board); board.showOnInvitations = 0;">
{{ board.name }}
</h4>
</div>
</ng-show>
<label>Access to Boards: </label>
<div class="box-list-board user-invitations" ng-show="select_board.boards.length > 0">
<ng-show ng-show="select_board.boards.length > 0" ng-cloak>
<h4 class="subtitles-dropdown bg-white" ng-repeat="board in select_board.boards">
<ng-show ><span>{{ board.name }}</span></ng-show>
<i class="fal fa-times float-right colorLight h6" ng-click="$event.stopPropagation(); select_board.boards.splice(select_board.boards.indexOf(board),1); account_boards[account_boards.indexOf(board)].showOnInvitations = 1;"></i>
</h4>
</ng-show>
</div>
</div>

<div class="form-group mb-3">
<label>Role</label>
<select
name="role"
id="role"
class="form-control"
ng-options="role.display_name for role in account_roles track by role.id"
ng-model="invitation.role"
title="<strong><i class='fas fa-lightbulb-exclamation'></i></strong>Admin can manage all features, members can use boards shared with them and create their own, and viewers can only access boards shared with them but with no permission to add, edit or delete anything."
>
<option value="" disabled selected>
Permission Group
</option>
</select>
</div>

<div class="form-group mb-3">
<button class="btn btn-primary btn-block" type="submit" ng-disabled="loading || formInvite.$invalid">
<ng-if ng-if="invitation.id">Save</ng-if>
<ng-if ng-if="!invitation.id">Send</ng-if>
</button>


<button class="btn btn-danger btn-block" type="button" ng-if="invitation.id" ng-click="confirmDeleteInvitation(invitation)" ng-disabled="loading">
Delete
</button>
</div>
</form>
</div>
</div>

<div
id="custom-fields"
class="slide-in-contaniner edit-profile-slide"
ng-if="::$root.hasCustomFieldsModule()"
style="max-width: 550px">
<!-- slider text S T A R T -->
<button
class="btn-link btn-hide-slider"
onclick="$('.edit-profile-slide').removeClass('show');$('.settings-nav-btn').removeClass('active');"
>
<i class="fas fa-chevron-left"></i>
</button>
<div ng-if="::$root.hasCustomFieldsModule()" class="slide-in-content">
<!-- HEADER TITLE -->

<h3 class="mb-2">
Custom Fields
</h3>
<p>
You can create your custom fields on matters, contacts and cards.
</p>
<small ng-if="::hasAsset('Clio')" class="color-purple"><i class="fas fa-exclamation-circle"></i>
Attention: This is a Legalboards exclusive feature and has no integration with Clio.
</small>


<div class="row mb-3">
<div class="col-8 mt-3">
<div class="search">
<input
type="text"
class="form-control"
ng-model="searchCustomFields"
placeholder="Search"
/>
<span class="search-icon">
<i class="fas fa-search"></i>
</span>
</div>
</div>
<div class="col-4 mt-3">
<button
class="btn btn-primary btn-block"
ng-click="openCustomFieldsForm()"
>
New
</button>
</div>
<div class="col-12 mt-3 text-center" ng-cloak ng-show="custom_fields.length === 0">
<img src="https://app.legalboards.io/img/no-custom-fields.png" width="100%"/>
</div>
<div
class="col-12 ml-0 mr-0 pl-2 pr-4 page-listagem"
ng-class="{ 'empty-box': custom_fields.length === 0 }"
ng-cloak
>
<table
class="mt-3 ml-2 table-striped pb-3 colorDark"
ng-show="custom_fields.length > 0"
>
<thead>
<tr>
<th class="pl-2">Board</th>
<th>Where</th>
<th>Name</th>
<th>Type</th>
<th></th>
</tr>
</thead>
<tbody>
<tr
ng-repeat="custom_field in custom_fields | filter:searchCustomFields track by custom_field.id"
>
<td class="pl-2 text-capitalize">
<span ng-if="custom_field.board">{{ custom_field.board.name }}</span>
<span ng-if="!custom_field.board">All</span>
</td>
<td class="text-capitalize">
{{ custom_field.type_display }}
</td>
<td class="">{{ custom_field.value }}</td>
<td class="text-capitalize text-truncate">
{{ custom_field.field_type.display_name }}
</td>
<td width="70px">
<a
href=""
ng-click="openCustomFieldsForm(custom_field)"
class="p-2 btn colorLB"
>
<i class="fa fa-pencil"></i>
</a>

<a
href=""
class="p-2 btn"
ng-click="confirmDeleteCustomField($index, custom_field)"
>
<i class="fa fa-trash text-danger"></i>
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- slider text E N D -->
</div>
<ng-if ng-if="::$root.hasCustomFieldsModule()">
<!-- Slider form S T A R T -->

<div id="custom-fields-form" class="slide-in-contaniner edit-profile-slide" style="z-index: 75">
<button class="close-btn btn close-form-but" ng-click="closeCustomFieldsForm()">
<i class="fas fa-times"></i>
</button>

<div class="slide-in-content">
<h3 ng-show="custom_field.id">Edit Field</h5>
<h3 ng-show="!custom_field.id">New Field</h5>

<form name="formCustomField" ng-submit="saveCustomField(custom_field, formCustomField)" class="mt-2">
<div class="form-row mb-3" ng-if="custom_field.from !== 'custom-forms'">
<p class="instruction-text">Form</p>
<div class="col-12 mt-2">
<!-- 'matter','contact','card' -->
<div class="pl-0 col-4 float-left" ng-if="::hasAsset('Legalboards')">
<label class="radio-container" for="value-matter">
Matter
<input type="radio" name="type" id="value-matter" value="matter"
ng-model="custom_field.type" required />
<span class="checkmark"></span>
</label>
</div>
<div class="pl-0 col-4 float-left" ng-if="$root.hasContactModule()">
<label class="radio-container" for="value-contact">
Contact
<input type="radio" name="type" id="value-contact" value="contact"
ng-model="custom_field.type" required />
<span class="checkmark"></span>
</label>
</div>

<div class="pl-0 col-4 float-left">
<label class="radio-container" for="value-card">
Note
<input type="radio" name="type" id="value-card" value="card"
ng-model="custom_field.type" required />
<span class="checkmark"></span>
</label>
</div>
</div>
</div>

<span class="error"
ng-show="formCustomField.type.$error.required">This field is required.
</span>

<ng-show ng-show="custom_field.from !== 'custom-forms'">
<div class="form-row mb-3">
<p class="instruction-text">When...</p>
<div class="col-12 mt-2">
<label>Board</label>
<ui-select autofocus-ui-select ng-model="custom_field.board" theme="select2" name="board">
<ui-select-match allow-clear placeholder="All Boards">
{{ custom_field.board.name }}
</ui-select-match>
<ui-select-choices
repeat="board in boards | filter:$select.search track by $index"
>
{{ board.name }}
</ui-select-choices>
</ui-select>
</div>
</div>
</ng-show>

<ng-show ng-show="custom_field.type === 'contact'">
<div class="form-row mb-3">
<p class="instruction-text">Type</p>
<div class="col-12 mt-2">

<div class="pl-0 col-4 float-left">
<label class="radio-container" for="value-pj">
Company
<input type="radio" name="contact_type" id="value-pj" value="pj"
ng-model="custom_field.contact_type" />
<span class="checkmark"></span>
</label>
</div>
<div class="pl-0 col-5 float-left">
<label class="radio-container" for="value-pf">
Person
<input type="radio" name="contact_type" id="value-pf" value="pf"
ng-model="custom_field.contact_type" />
<span class="checkmark"></span>
</label>
</div>

<div class="pl-0 col-3 float-left">
<label class="radio-container" for="value-null">
Both

<input type="radio" name="contact_type" id="value-null" value=""
ng-model="custom_field.contact_type" />
<span class="checkmark"></span>
</label>
</div>

</div>
</div>
</ng-show>

<ng-show ng-if="custom_field.type === 'matter'">
<div class="form-row mb-3">
<p class="instruction-text">When...</p>
<div class="col-12 mt-2">
<label>Clients</label>
<ui-select autofocus-ui-select ng-model="custom_field.clients" theme="select2" name="clients" class="multipleFind"
multiple>
<ui-select-match allow-clear placeholder="All Clients">
{{ $item.first_name }} {{ $item.last_name }}
</ui-select-match>
<ui-select-choices refresh="searchContacts($select, {})" refresh-delay="1000"
repeat="contact in search_contacts | filter:$select.search track by $index">
{{ contact.first_name }} {{
contact.last_name
}}
</ui-select-choices>
</ui-select>
</div>
</div>

<div class="form-row mb-3">
<div class="col-12">
<label>Type Matter</label>
<ui-select autofocus-ui-select ng-model="custom_field.parameters" theme="select2" name="parameters"
class="multipleFind" multiple>
<ui-select-match allow-clear placeholder="All">
{{ $item.name }}
</ui-select-match>
<ui-select-choices refresh="searchParameters($select.search, { type: 'matter_area'})"
refresh-delay="1000"
repeat="parameter in search_parameters | filter:$select.search track by $index">
{{ parameter.name }}
</ui-select-choices>
</ui-select>
</div>
</div>
</ng-show>



<div class="form-row mb-3">
<p class="instruction-text">Add the field</p>
<div class="col-12 mt-2">
<label>Name</label>
<input type="text" class="form-control" placeholder="Value" name="value"
required
ng-model="custom_field.value" />
</div>
</div>

<span class="error"
ng-show="formCustomField.value.$dirty && formCustomField.value.$error.required">This field is required.
</span>

<div class="form-row mb-3">
<p class="instruction-text">Required?</p>
<div class="col-12 mt-2">
<div class="pl-0 col-12 float-left">
<label class="check-container" for="required">
Yes
<input
type="checkbox"
class="form-check-input"
id="required"
ng-model="custom_field.required"
ng-true-value="1"
ng-false-value="0"
/>
<span class="checkmark"></span>
</label>
</div>

</div>
</div>

<div class="form-row mb-3">
<p class="instruction-text">Type</p>
<div class="col-12 mt-2">
<label>Field Type</label>
<ui-select autofocus-ui-select ng-model="custom_field.field_type" theme="select2" name="field_type" required>
<ui-select-match allow-clear placeholder="Field Type">
{{ custom_field.field_type.display_name }}
</ui-select-match>
<ui-select-choices
repeat="parameter in custom_fields_parameters | filter:$select.search track by $index">
{{ parameter.display_name }}
</ui-select-choices>
</ui-select>
</div>
</div>

<div ng-if="custom_field.field_type.name === 'upload'" class="form-row mb-3">
<p class="instruction-text">Save In</p>
<div class="col-12 mt-2">
<label>Select Locale</label>
<ui-select autofocus-ui-select ng-model="custom_field.asset" theme="select2" name="asset" required>
<ui-select-match allow-clear placeholder="Select Locale">
{{ custom_field.asset.name }}
</ui-select-match>
<ui-select-choices
repeat="document in assets_documents | filter:$select.search track by $index">
{{ document.name }}
</ui-select-choices>
</ui-select>
</div>
</div>

<span class="error"
ng-show="formCustomField.field_type.$dirty && formCustomField.field_type.$error.required">This field is required.
</span>

<ng-show ng-show="custom_field.field_type.name === 'select'">
<p>Options</p>
<div class="form-row label-item" ng-repeat="option in custom_field.options track by $index" ng-cloak>
<div class="col-8 pl-3 align-self-center">
<span> {{ option.value }}</span>
</div>
<div class="col-4 text-right ml-aut align-self-center">
<a href="" ng-click="removeCustomFieldOption($index, option)" class="btn"><i
class="fas fa-trash"></i></a>
</div>
</div>

<div class="form-row label-item">
<div class="col-10">
<input class="form-control" type="text" name="option" placeholder="Add option"
ng-model="option.value" ng-keydown="addCustomFieldOptionKeyDown($event, option)" />
</div>
<div class="col-2 pr-2 text-right align-self-center">
<button type="button" class="btn" ng-click="addCustomFieldOption(option)">
<i class="fas fa-check-circle"></i>
</button>
</div>
</div>
</ng-show>

<div class="form-btn-container mt-3">
<button type="submit" class="btn btn-primary btn-block mb-3"
ng-disabled="formCustomField.$invalid || loading" ng-class="{'loading': loading}">
Save
</button>
<button type="button" class="btn btn-outline-secondary btn-block close-form-tab"
ng-click="closeCustomFieldsForm(form)">
Cancel
</button>
</div>
</form>
</div>
</div>

<!-- Slider form E N D -->
</ng-if>

<ng-if ng-if="::$root.hasCustomFormsModule()">
<!-- slider text S T A R T -->
<div
id="custom-forms"
class="slide-in-contaniner edit-profile-slide"
style="max-width: 550px;"
>
<button
class="btn-link btn-hide-slider"
onclick="$('.edit-profile-slide').removeClass('show');$('.settings-nav-btn').removeClass('active');"
>
<i class="fas fa-chevron-left"></i>
</button>
<div class="slide-in-content">
<!-- HEADER TITLE -->

<h3 class="mb-2">
Forms
</h3>
<p>
Create external web forms to collect information, generate leads or similar purposes.
</p>

<div class="row mb-3">
<div class="col-8 mt-3">
<div class="search">
<input
type="text"
class="form-control"
ng-model="searchCustomForm"
placeholder="Search"
/>
<span class="search-icon">
<i class="fas fa-search"></i>
</span>
</div>
</div>
<div class="col-4 mt-3">
<button
class="btn btn-primary btn-block"
ng-click="openCustomFormForm()"
>
New
</button>
</div>
<div
class="col-12 mt-3 text-center"
ng-cloak
ng-show="custom_forms.length === 0"
>
<img src="https://app.legalboards.io/img/no-form-intake.png" width="100%" />
</div>
<div
class="col-12 ml-0 mr-0 pl-2 pr-4 page-listagem"
ng-class="{ 'empty-box': custom_forms.length === 0 }"
ng-cloak
>
<table
class="mt-3 ml-2 table-striped pb-3 colorDark"
ng-show="custom_forms.length > 0"
>
<thead>
<tr>
<th class="pl-2 pr-2" style="width:150px;">Form’s Title</th>
<th class="pl-2 pr-2">Board</th>
<th class="pl-2 pr-2">Column</th>
<th></th>
</tr>
</thead>
<tbody>
<tr
ng-repeat="custom_form in custom_forms | filter:searchCustomForm track by custom_form.id"
>
<td class="pl-2 pr-2">{{ custom_form.title }}</td>
<td class="pl-2 pr-2">{{ custom_form.board.name }}</td>
<td class="pl-2 pr-2">{{ custom_form.list.name }}</td>
<td width="100px">
<a
ng-click="openCustomFormModal(custom_form)"
href=""
class="p-1 btn"
title="Share this form"
>
<i
class="fad fa-share-alt color-purple"
></i>
</a>

<a
href=""
ng-click="openCustomFormForm(custom_form)"
class="p-1 btn"
ng-if="AuthUser.id == custom_form.user_id || hasAnyRole(['admin'])"
>
<i class="fa fa-pencil colorLB"></i>
</a>
<a
href=""
ng-click="openCustomFormFormCopy(custom_form)"
class="p-1 btn"
>
<i class="fa fa-copy colorLB"></i>
</a>

<a
href=""
class="p-1 btn"
ng-click="deleteCustomForm(custom_form)"
ng-if="AuthUser.id == custom_form.user_id || hasAnyRole(['admin'])"
>
<i class="fa fa-trash text-danger"></i>
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- slider text E N D -->
</div>
<div
id="custom-form-form"
class="slide-in-contaniner edit-profile-slide"
style="max-width: 565px"
>
<button
class="close-btn btn close-form-but"
ng-click="closeCustomFormsForm()"
>
<i class="fas fa-times"></i>
</button>

<div class="slide-in-content">
<h3 class="mb-0">Form</h3>
<p>Customize your form page here</p>
<form
name="formCustomForm"
ng-submit="saveCustomForm(custom_form, formCustomForm)"
class="mt-2 custom-form"
>
<div class="accordion" id="accordionWrapper">
<h4 class="font-weight-bold mb-2 color-purple collapse-title" data-toggle="collapse" href="#collapseWhere" role="button" aria-expanded="false" aria-controls="collapseWhere">
<span class="step-automation">1</span>
Where will the answers be saved?
</h4>
<div class="collapse show" id="collapseWhere" data-parent="#accordionWrapper">
<div class="form-row mb-1">
<div class="col-12 mt-2">
<label>Board</label>
<ui-select
autofocus-ui-select
ng-model="custom_form.board"
theme="select2"
name="board"
required
ng-change="handleCustomFormBoardChanged(custom_form.board, custom_form.type)"
>
<ui-select-match
allow-clear
placeholder="Select a Boards"
>
{{ custom_form.board.name }}
</ui-select-match>
<ui-select-choices
repeat="board in boards | filter:$select.search track by board.id"
>
{{ board.name }}
</ui-select-choices>
</ui-select>
</div>
</div>

<div class="form-row mb-3">
<div class="col-12 mt-2">
<label>Column</label>
<ui-select
autofocus-ui-select
ng-model="custom_form.list"
theme="select2"
name="list"
required
>
<ui-select-match
allow-clear
placeholder="Select a column"
>
{{ custom_form.list.name }}
</ui-select-match>
<ui-select-choices
repeat="list in lists | filter:$select.search track by list.id"
>
{{ list.name }}
</ui-select-choices>
</ui-select>
</div>
</div>
</div>

<h4 ng-click="openCustomFormFormPreview()" class="font-weight-bold mb-2 color-purple collapse-title" data-toggle="collapse" href="#collapseLook" role="button" aria-expanded="false" aria-controls="collapseLook">
<span class="step-automation">2</span> Look &amp; Feel
</h4>
<div class="collapse" id="collapseLook" data-parent="#accordionWrapper">
<div class="form-row mx-0">
<label
style="color: inherit"
title="Upload a Banner"
title-direction="right"
>
<img
class="w-100 cursor-pointer"
ng-src="{{
custom_form.banner ||
'https://via.placeholder.com/600x130/f7f8fc/6f8097?text=Upload a Banner (1920x600 px)'
}}"
/>

<input
accept=".jpeg,.jpg,.png"
type="file"
style="display: none"
name="customFormBanner"
id="customFormBanner"
ng-model="customFormBanner"
onchange="angular.element(this).scope().loadBanner(customFormBanner)"
/>
</label>
</div>

<div class="form-row mb-1">
<div class="col-12 mt-2">
<label for="show_logo">
<input
type="checkbox"
class="checkbox"
placeholder="Show Logo"
name="show_logo"
ng-value="1"
ng-model="custom_form.show_logo"
ng-checked="custom_form.show_logo == 1"
ng-click="custom_form.show_logo = custom_form.show_logo == 1 ? 0 : 1"
/>
Show your Account Logo?</label
>
</div>
</div>

<div class="form-row mb-1">
<div class="col-12 mt-2">
<label>Form’s Title</label>
<input
type="text"
class="form-control"
placeholder="Title"
name="title"
ng-model="custom_form.title"
/>
</div>
</div>

<span
class="error"
ng-show="
formCustomForm.title.$dirty &&
formCustomForm.title.$error.required
"
>This field is required.
</span>

<div class="form-row mb-1">
<div class="col-12 mt-2">
<label>Description</label>
<textarea
class="form-control"
placeholder="Description"
name="description"
ng-model="custom_form.description"
></textarea>
</div>
</div>
</div>

<h4 ng-click="openCustomFormFormPreview()" class="font-weight-bold mb-2 color-purple collapse-title" data-toggle="collapse" href="#collapseFields" role="button" aria-expanded="false" aria-controls="collapseFields">
<span class="step-automation">3</span> Fields Settings
</h4>

<div class="collapse" id="collapseFields" data-parent="#accordionWrapper">
<div class="form-row mb-3" ng-if="::$root.hasContactModule()">
<div class="col-12 mt-2 pl-3">
<div class="form-check form-check-inline">
<input
class="form-check-input position-relative"
ng-model="custom_form.type"
type="radio"
name="type"
id="custom-form-type-note"
value="note"
required
ng-click="handleCustomFormBoardChanged(custom_form.board, custom_form.type)"
/>
<label class="form-check-label" for="custom-form-type-note">Card Note</label>
</div>
<div class="form-check form-check-inline">
<input
class="form-check-input position-relative"
ng-model="custom_form.type"
type="radio"
name="type"
id="custom-form-type-person"
value="person"
required
ng-click="handleCustomFormBoardChanged(custom_form.board, custom_form.type)"
/>
<label class="form-check-label" for="custom-form-type-person">Person</label>
</div>
<div class="form-check form-check-inline">
<input
class="form-check-input position-relative"
ng-model="custom_form.type"
type="radio"
name="type"
id="custom-form-type-company"
value="company"
required
ng-click="handleCustomFormBoardChanged(custom_form.board, custom_form.type)"
/>
<label class="form-check-label" for="custom-form-type-company">Company</label>
</div>
</div>
</div>

<div ng-if="custom_form.type == 'note'">
<h4 class="font-weight-bold mb-2 color-purple px-3">
Card Note Fields
</h4>

<div class="card-preview-form w-100">
<div class="row align-items-center mb-2">
<div class="col-2 disabled">
<div
class="custom-control custom-switch custom-control-inline">
<input
class="custom-control-input" type="checkbox"
placeholder="Show this field"
id="custom_form.title_label_show"
ng-model="custom_form.title_label_show"
class="checkbox"
disabled
ng-checked="true"
checked="checked"
>
<label class="custom-control-label order-1" for="custom_form.title_label_show">
</label>
</div>
<!-- <input
type="checkbox"
placeholder="Show this field"
ng-model="custom_form.title_label_show"
class="checkbox toggle_form"
toggle-checkbox
disabled
checked
/> -->
</div>
<div class="col-10 float-left">
<strong
><ng-if ng-if="custom_form.title_label">{{ custom_form.title_label }}</ng-if>
<ng-if ng-if="!custom_form.title_label">Title</ng-if>(*)</strong
>
<a
href=""
class="small float-right hover-purple"
ng-class="{ 'color-purple': custon_title.show === 1 }"
ng-click="custon_title.show = custon_title.show == 1 ? 0 : 1"
><i class="fad fa-paint-brush"></i> Personalize Label</a
>
</div>
<div class="col-12 mt-2 mb-3 float-left" ng-show="custon_title.show">
<input
class="form-control custon-subtitle-card w-100"
name="title_label"
value="Title"
placeholder="Title"
ng-model="custom_form.title_label"
/>
</div>

<span
class="error"
ng-show="
formCustomForm.title_label.$dirty &&
formCustomForm.title_label.$error.required
"
>This field is required.
</span>
</div>
<div class="row align-items-center mb-2">
<div class="col-2 float-left">
<div
class="custom-control custom-switch custom-control-inline">
<input
class="custom-control-input" type="checkbox"
placeholder="Show this field"
id="custom_form_toggle_subtitle_show"
ng-model="custom_form.subtitle_show"
ng-true-value="1"
ng-false-value="0"
ng-checked="custom_form.subtitle_show == 1"
class="checkbox toggle_form"
ng-click="custom_form.subtitle_show = custom_form.subtitle_show == 1 ? 0 : 1"
>
<label class="custom-control-label order-1" for="custom_form_toggle_subtitle_show">
</label>
</div>
<!-- <input
type="checkbox"
placeholder="Show this field"
id="custom_form_toggle_subtitle_show"
ng-model="custom_form.subtitle_show"
ng-true-value="1"
ng-false-value="0"
ng-checked="custom_form.subtitle_show == 1"
class="checkbox toggle_form"
toggle-checkbox
ng-click="custom_form.subtitle_show = custom_form.subtitle_show == 1 ? 0 : 1"
/> -->
</div>
<div class="col-10 float-left">
<strong
><ng-if ng-if="custom_form.subtitle_label">{{ custom_form.subtitle_label }}</ng-if>
<ng-if ng-if="!custom_form.subtitle_label">Subtitle</ng-if></strong
>
<a
href=""
class="small float-right hover-purple"
ng-show="custom_form.subtitle_show"
ng-class="{ 'color-purple': custon_subtitle.show === 1 }"
ng-click="custon_subtitle.show = custon_subtitle.show == 1 ? 0 : 1"
><i class="fad fa-paint-brush"></i> Personalize Label</a
>
</div>
<div class="col-12 mt-2 mb-3 float-left" ng-show="custon_subtitle.show">
<input
class="form-control custon-subtitle-card w-100"
name="subtitle_label"
value="Subtitle"
placeholder="Subtitle Card"
ng-model="custom_form.subtitle_label"
/>
</div>
</div>
<div class="row align-items-center mb-2">
<div class="col-2 float-left">
<div
class="custom-control custom-switch custom-control-inline">
<input
class="custom-control-input" type="checkbox"
placeholder="Show this field"
id="custom_form_toggle_description_show"
ng-model="custom_form.description_show"
ng-true-value="1"
ng-false-value="0"
ng-checked="custom_form.description_show == 1"
class="checkbox toggle_form"
ng-click="custom_form.description_show = custom_form.description_show == 1 ? 0 : 1"
>
<label class="custom-control-label order-1" for="custom_form_toggle_description_show">
</label>
</div>
<!-- <input
type="checkbox"
placeholder="Show this field"
id="custom_form_toggle_description_show"
ng-model="custom_form.description_show"
ng-true-value="1"
ng-false-value="0"
ng-checked="custom_form.description_show == 1"
class="checkbox toggle_form"
toggle-checkbox
ng-click="custom_form.description_show = custom_form.description_show == 1 ? 0 : 1"
/> -->
</div>
<div class="col-10 float-left">
<strong
><ng-if ng-if="custom_form.description_label">{{ custom_form.description_label }}</ng-if>
<ng-if ng-if="!custom_form.description_label">Note</ng-if></strong
>
<a
href=""
class="small float-right hover-purple"
ng-show="custom_form.description_show"
ng-class="{ 'color-purple': custon_description.show === 1 }"
ng-click="custon_description.show = custon_description.show == 1 ? 0 : 1"
><i class="fad fa-paint-brush"></i> Personalize Label</a
>
</div>
<div class="col-12 mt-2 mb-3 float-left" ng-show="custon_description.show">
<input
class="form-control custon-subtitle-card w-100"
name="description_label"
placeholder="Note Card"
ng-model="custom_form.description_label"
/>
</div>
</div>
</div>

</div>

<div ng-if="custom_form.type == 'person'">
<h4 class="font-weight-bold mb-2 color-purple px-3">
Person Fields
</h4>

<div class="card-preview-form">
<div class="row align-items-center mb-2">
<div class="col-2 float-left">
<div
class="custom-control custom-switch custom-control-inline">
<input
class="custom-control-input" type="checkbox"
placeholder="Show this field"
id="toggle_{{ notification.id }}"
ng-model="custom_form.person_first_name_show"
ng-checked="true"
class="checkbox toggle_form"
disabled
checked>
<label class="custom-control-label order-1" for="custom_form.person_first_name_show">
</label>
</div>
<!-- <input
type="checkbox"
placeholder="Show this field"
ng-model="custom_form.person_first_name_show"
ng-checked="true"
class="checkbox toggle_form"
toggle-checkbox
disabled
checked
/> -->
</div>
<div class="col-10 float-left">
<strong
><ng-if ng-if="custom_form.person_first_name_label">{{ custom_form.person_first_name_label }}</ng-if>
<ng-if ng-if="!custom_form.person_first_name_label">First Name</ng-if>(*)</strong
>
<a
href=""
class="small float-right hover-purple"
ng-class="{ 'color-purple': custon_person_first_name.show === 1 }"
ng-click="custon_person_first_name.show = custon_person_first_name.show == 1 ? 0 : 1"
><i class="fad fa-paint-brush"></i> Personalize Label</a
>
</div>
<div class="col-12 mt-2 mb-3 float-left" ng-show="custon_person_first_name.show">
<input
class="form-control custon-subtitle-card w-100"
name="person_first_name_label"
placeholder="First Name"
ng-model="custom_form.person_first_name_label"
/>
</div>

<span
class="error"
ng-show="
formCustomForm.person_first_name_label.$dirty &&
formCustomForm.person_first_name_label.$error.required
"
>This field is required.
</span>
</div>
<div class="row align-items-center mb-2">
<div class="col-2 float-left">
<div
class="custom-control custom-switch custom-control-inline">
<input
class="custom-control-input" type="checkbox"
placeholder="Show this field"
id="custom_form_toggle_person_last_name_show"
ng-model="custom_form.person_last_name_show"
ng-true-value="1"
ng-false-value="0"
ng-checked="custom_form.person_last_name_show == 1"
class="checkbox toggle_form"
ng-click="custom_form.person_last_name_show = custom_form.person_last_name_show == 1 ? 0 : 1">
<label class="custom-control-label order-1" for="custom_form_toggle_person_last_name_show">
</label>
</div>
<!-- <input
type="checkbox"
placeholder="Show this field"
id="custom_form_toggle_person_last_name_show"
ng-model="custom_form.person_last_name_show"
ng-true-value="1"
ng-false-value="0"
ng-checked="custom_form.person_last_name_show == 1"
class="checkbox toggle_form"
toggle-checkbox
ng-click="custom_form.person_last_name_show = custom_form.person_last_name_show == 1 ? 0 : 1"
/> -->
</div>
<div class="col-10 float-left">
<strong
><ng-if ng-if="custom_form.person_last_name_label">{{ custom_form.person_last_name_label }}</ng-if>
<ng-if ng-if="!custom_form.person_last_name_label">Last Name</ng-if></strong
>
<a
href=""
class="small float-right hover-purple"
ng-show="custom_form.person_last_name_show"
ng-class="{ 'color-purple': custon_person_last_name.show === 1 }"
ng-click="custon_person_last_name.show = custon_person_last_name.show == 1 ? 0 : 1"
><i class="fad fa-paint-brush"></i> Personalize Label</a
>
</div>
<div class="col-12 mt-2 mb-3 float-left" ng-show="custon_person_last_name.show">
<input
class="form-control custon-subtitle-card w-100"
name="person_last_name_label"
placeholder="Last Name"
ng-model="custom_form.person_last_name_label"
/>
</div>
</div>

<div class="row align-items-center mb-2">
<div class="col-2 float-left">
<div
class="custom-control custom-switch custom-control-inline">
<input
class="custom-control-input" type="checkbox"
placeholder="Show this field"
id="custom_form_toggle_person_email_show"
ng-model="custom_form.person_email_show"
ng-true-value="1"
ng-false-value="0"
ng-checked="custom_form.person_email_show == 1"
class="checkbox toggle_form"
ng-click="custom_form.person_email_show = custom_form.person_email_show == 1 ? 0 : 1"
>
<label class="custom-control-label order-1" for="custom_form_toggle_person_email_show">
</label>
</div>
<!-- <input
type="checkbox"
placeholder="Show this field"
id="custom_form_toggle_person_email_show"
ng-model="custom_form.person_email_show"
ng-true-value="1"
ng-false-value="0"
ng-checked="custom_form.person_email_show == 1"
class="checkbox toggle_form"
toggle-checkbox
ng-click="custom_form.person_email_show = custom_form.person_email_show == 1 ? 0 : 1"
/> -->
</div>
<div class="col-10 float-left">
<strong
><ng-if ng-if="custom_form.person_email_label">{{ custom_form.person_email_label }}</ng-if>
<ng-if ng-if="!custom_form.person_email_label">Email</ng-if></strong
>
<a
href=""
class="small float-right hover-purple"
ng-show="custom_form.person_email_show"
ng-class="{ 'color-purple': custon_person_email.show === 1 }"
ng-click="custon_person_email.show = custon_person_email.show == 1 ? 0 : 1"
><i class="fad fa-paint-brush"></i> Personalize Label</a
>
</div>
<div class="col-12 mt-2 mb-3 float-left" ng-show="custon_person_email.show">
<input
class="form-control custon-subtitle-card w-100"
name="person_email_label"
placeholder="Email"
ng-model="custom_form.person_email_label"
/>
</div>
</div>

<div class="row align-items-center mb-2">
<div class="col-2 float-left">
<div
class="custom-control custom-switch custom-control-inline">
<input
class="custom-control-input" type="checkbox"
placeholder="Show this field"
id="custom_form_toggle_person_phone_show"
ng-model="custom_form.person_phone_show"
ng-true-value="1"
ng-false-value="0"
ng-checked="custom_form.person_phone_show == 1"
class="checkbox toggle_form"
ng-click="custom_form.person_phone_show = custom_form.person_phone_show == 1 ? 0 : 1"
>
<label class="custom-control-label order-1" for="custom_form_toggle_person_phone_show">
</label>
</div>
<!-- <input
type="checkbox"
placeholder="Show this field"
id="custom_form_toggle_person_phone_show"
ng-model="custom_form.person_phone_show"
ng-true-value="1"
ng-false-value="0"
ng-checked="custom_form.person_phone_show == 1"
class="checkbox toggle_form"
toggle-checkbox
ng-click="custom_form.person_phone_show = custom_form.person_phone_show == 1 ? 0 : 1"
/> -->
</div>
<div class="col-10 float-left">
<strong
><ng-if ng-if="custom_form.person_phone_label">{{ custom_form.person_phone_label }}</ng-if>
<ng-if ng-if="!custom_form.person_phone_label">Phone</ng-if></strong
>
<a
href=""
class="small float-right hover-purple"
ng-show="custom_form.person_phone_show"
ng-class="{ 'color-purple': custon_person_phone.show === 1 }"
ng-click="custon_person_phone.show = custon_person_phone.show == 1 ? 0 : 1"
><i class="fad fa-paint-brush"></i> Personalize Label</a
>
</div>
<div class="col-12 mt-2 mb-3 float-left" ng-show="custon_person_phone.show">
<input
class="form-control custon-subtitle-card w-100"
name="person_phone_label"
placeholder="Phone"
ng-model="custom_form.person_phone_label"
/>
</div>
</div>
</div>
</div>


<div ng-if="custom_form.type == 'company'">
<h4 class="font-weight-bold mb-2 color-purple px-3">
Company Fields
</h4>

<div class="card-preview-form">
<div class="row align-items-center mb-2">
<div class="col-2 float-left">
<div
class="custom-control custom-switch custom-control-inline">
<input
class="custom-control-input" type="checkbox"
placeholder="Show this field"
id="custom_form.company_first_name_show"
ng-model="custom_form.company_first_name_show"
ng-checked="true"
class="checkbox toggle_form"
disabled
checked>
<label class="custom-control-label order-1" for="custom_form.company_first_name_show">
</label>
</div>
<!-- <input
type="checkbox"
placeholder="Show this field"
ng-model="custom_form.company_first_name_show"
ng-checked="true"
class="checkbox toggle_form"
toggle-checkbox
disabled
checked
/> -->
</div>
<div class="col-10 float-left">
<strong
><ng-if ng-if="custom_form.company_first_name_label">{{ custom_form.company_first_name_label }}</ng-if>
<ng-if ng-if="!custom_form.company_first_name_label">Name</ng-if>(*)</strong
>
<a
href=""
class="small float-right hover-purple"
ng-class="{ 'color-purple': custon_company_first_name.show === 1 }"
ng-click="custon_company_first_name.show = custon_company_first_name.show == 1 ? 0 : 1"
><i class="fad fa-paint-brush"></i> Personalize Label</a
>
</div>
<div class="col-12 mt-2 mb-3 float-left" ng-show="custon_company_first_name.show">
<input
class="form-control custon-subtitle-card w-100"
name="company_first_name_label"
placeholder="Company Name"
ng-model="custom_form.company_first_name_label"
/>

<span
class="error"
ng-show="
formCustomForm.company_first_name_label.$dirty &&
formCustomForm.company_first_name_label.$error.required
"
>This field is required.
</span>
</div>
</div>

<div class="row align-items-center mb-2">
<div class="col-2">
<div
class="custom-control custom-switch custom-control-inline">
<input
class="custom-control-input" type="checkbox"
placeholder="Show this field"
id="custom_form_toggle_company_email_show"
ng-model="custom_form.company_email_show"
ng-true-value="1"
ng-false-value="0"
ng-checked="custom_form.company_email_show == 1"
class="checkbox toggle_form"
ng-click="custom_form.company_email_show = custom_form.company_email_show == 1 ? 0 : 1">
<label class="custom-control-label order-1" for="toggle_{{ notification.id }}">
</label>
</div>
<!-- <input
type="checkbox"
placeholder="Show this field"
id="custom_form_toggle_company_email_show"
ng-model="custom_form.company_email_show"
ng-true-value="1"
ng-false-value="0"
ng-checked="custom_form.company_email_show == 1"
class="checkbox toggle_form"
toggle-checkbox
ng-click="custom_form.company_email_show = custom_form.company_email_show == 1 ? 0 : 1"
/> -->
</div>
<div class="col-10 float-left">
<strong
><ng-if ng-if="custom_form.company_email_label">{{ custom_form.company_email_label }}</ng-if>
<ng-if ng-if="!custom_form.company_email_label">Email</ng-if></strong
>
<a
href=""
class="small float-right hover-purple"
ng-show="custom_form.company_email_show"
ng-class="{ 'color-purple': custon_company_email.show === 1 }"
ng-click="custon_company_email.show = custon_company_email.show == 1 ? 0 : 1"
><i class="fad fa-paint-brush"></i> Personalize Label</a
>
</div>
<div class="col-12 mt-2 mb-3 float-left" ng-show="custon_company_email.show">
<input
class="form-control custon-subtitle-card w-100"
name="company_email_label"
placeholder="Email"
ng-model="custom_form.company_email_label"
/>
</div>
</div>
<div class="row align-items-center mb-2">
<div class="col-2 float-left">
<div
class="custom-control custom-switch custom-control-inline">
<input
class="custom-control-input" type="checkbox"
placeholder="Show this field"
id="custom_form_toggle_company_phone_show"
ng-model="custom_form.company_phone_show"
ng-true-value="1"
ng-false-value="0"
ng-checked="custom_form.company_phone_show == 1"
class="checkbox toggle_form"
ng-click="custom_form.company_phone_show = custom_form.company_phone_show == 1 ? 0 : 1">
<label class="custom-control-label order-1" for="toggle_{{ notification.id }}">
</label>
</div>
<!-- <input
type="checkbox"
placeholder="Show this field"
id="custom_form_toggle_company_phone_show"
ng-model="custom_form.company_phone_show"
ng-true-value="1"
ng-false-value="0"
ng-checked="custom_form.company_phone_show == 1"
class="checkbox toggle_form"
toggle-checkbox
ng-click="custom_form.company_phone_show = custom_form.company_phone_show == 1 ? 0 : 1"
/> -->
</div>
<div class="col-10 float-left">
<strong
><ng-if ng-if="custom_form.company_phone_label">{{ custom_form.company_phone_label }}</ng-if>
<ng-if ng-if="!custom_form.company_phone_label">Phone</ng-if></strong
>
<a
href=""
class="small float-right hover-purple"
ng-show="custom_form.company_phone_show"
ng-class="{ 'color-purple': custon_company_phone.show === 1 }"
ng-click="custon_company_phone.show = custon_company_phone.show == 1 ? 0 : 1"
><i class="fad fa-paint-brush"></i> Personalize Label</a
>
</div>
<div class="col-12 mt-2 mb-3 float-left" ng-show="custon_company_phone.show">
<input
class="form-control custon-subtitle-card w-100"
name="company_phone_label"
placeholder="Phone"
ng-model="custom_form.company_phone_label"
/>
</div>
</div>
</div>

</div>


<h4
class="font-weight-bold mb-2 color-purple px-3"
>
My Custom Fields
</h4>
<small ng-if="::hasAsset('Clio')" class="color-purple pl-3"><i class="fas fa-exclamation-circle"></i>
Attention: This is a Legalboards exclusive feature and has no integration with Clio.
</small>

<div class="card-preview-form">
<div class="mb-3 col-12 px-0">
<label for="customFieldSelect" class="form-label">Search Custom Fields</label>
<div class="d-flex align-items-center">
<ui-select
class="px-0"
id="customFieldSelect"
ng-model="customFieldSelect.selected"
theme="select2"
name="customFieldSelect.selected">
<ui-select-match allow-clear placeholder="Select custom field">
<div ng-bind="customFieldSelect.selected.custom_field.value"></div>
</ui-select-match>
<ui-select-choices repeat="custom_field in custom_form.fields | filter:$select.search track by $index">
<div ng-bind="custom_field.custom_field.value"></div>
</ui-select-choices>
</ui-select>
<button type="button"
class="btn btn-primary btn-no-wrap"
ng-click="handleSelectCustomField(customFieldSelect.selected)"
ng-disabled="customFieldSelect.selected === null"
>Add Field</button>
</div>
</div>

<div
class="row align-items-center mb-2"
ng-repeat="field in selected_fields track by $index"
>
<div class="col-12 float-left">
<strong
>{{ field.custom_field.value }} {{
field.custom_field.required ? "(*)" : ""
}}</strong
>
<div class="float-right container-custom-fields">
<a
href=""
class="small hover-purple mr-2"
ng-class="{ 'color-purple': custon.show === 1 }"
ng-click="field.show_delete_form = field.show_delete_form == 1 ? 0 : 1"
title="Delete"
><i class="fa-solid fa-trash text-danger"></i></a>
<a
href=""
class="small hover-purple mr-2"
ng-class="{ 'color-purple': custon.show === 1 }"
ng-click="custon.show = custon.show == 1 ? 0 : 1"
title="Personalize Label"
><i class="fad fa-paint-brush text-info"></i></a>
<a
href=""
class="small hover-purple mr-2"
ng-show="field.custom_field.field_type.name === 'select'"
ng-class="{ 'color-purple': custon.show === 1 }"
ng-click="field.show_add_child = field.show_add_child == 1 ? 0 : 1"
title="Add Child"
><i class="fa-sharp fa-solid fa-grid-2-plus text-success"></i></a>
</div>
</div>
<div class="col-12 mt-2 float-left" ng-show="custon.show">
<input
class="form-control mt-2 mb-2"
placeholder="Customize field label"
name="label"
ng-model="field.label"
/>
<textarea
class="form-control mb-2"
name="description"
placeholder="Customize description"
ng-model="field.description"
></textarea>
</div>

<div class="col-12 mt-2 float-left" ng-show="field.show_delete_form">
<span>
Are you sure you want to remove this field from this form? The custom field will keep in your account,
only it will not be part of this form.
</span>
<div class="row">
<div class="col-6 p-1">
<button
type="button"
class="btn btn-danger w-100"
ng-click="deleteSelectedForm(field.custom_field.id);
"
>Yes, please remove</button>
</div>
<div class="col-6 p-1">
<button
type="button"
class="btn btn-warning w-100"
ng-click="field.show_delete_form = 0"
>Never mind, keep the field.</button>
</div>
</div>
</div>

<div class="col-12 mt-2 child-container" ui-sortable="sortableChildrenOptions" ng-model="field.custom_field.options" ng-show="field.show_add_child">
<div class="mt-3 d-flex flex-column border rounded p-2 child-item"
ng-repeat="option in field.custom_field.options track by $index">
<div>
<div class="d-flex justify-content-between children-wrapper-h"
>
<p ng-click="option.show_details = !option.show_details" class="small hover-purple mr-2">
<span class="text-normalized">If: {{ option.value }}</span>
<i class="fa" ng-class="{'fa-chevron-down': !option.show_details, 'fa-chevron-up': option.show_details}"></i>
</p>
<div>
<a href=""
ng-click="options.show_add_custom_field = options.show_add_custom_field == 1 ? 0 : 1"
class="small hover-purple mr-2" title="Add Child">
<i class="fa-regular fa-plus-large text-success"></i>
</a>
</div>
</div>

<div class="mb-3" ng-show="options.show_add_custom_field">
<div>
<label for="customFieldSelect_{{ index }}" class="form-label">Search Custom Fields</label>
<div class="d-flex align-items-center">
<ui-select
id="customFieldSelect_{{ index }}"
ng-model="option.customFieldSelect.selected"
theme="select2"
name="option.customFieldSelect.selected">
<ui-select-match allow-clear placeholder="Select custom field">
<div ng-bind="option.customFieldSelect.selected.custom_field.value"></div>
</ui-select-match>
<ui-select-choices repeat="custom_field in custom_form.fields | filter:$select.search track by $index">
<div ng-bind="custom_field.custom_field.value"></div>
</ui-select-choices>
</ui-select>
<button type="button"
class="btn btn-primary btn-no-wrap"
ng-click="handleSelectCustomChildField(option, field);"
ng-disabled="option.customFieldSelect.selected === null"
>Add Field</button>
</div>
</div>
</div>
</div>
<div class="accordion-body mt-2" ng-show="option.show_details">
<div ng-repeat="child in option.childs track by $index"
class="form-group mb-0 pt-2 border-top">
<div>
<div class="d-flex justify-content-between">
<p>{{ child.custom_field.value }}</p>
<div class="d-flex justify-content-center">
<a
href=""
class="small hover-purple mr-2"
ng-click="deleteSelectedChildForm(child.custom_field.id, option.id, field);"
title="Delete"
><i class="fa-solid fa-trash text-danger"></i></a>
<a
href=""
class="small hover-purple mr-2"
ng-click="child.show = child.show == 1 ? 0 : 1"
title="Personalize Label"
><i class="fad fa-paint-brush text-info"></i></a>
</div>
</div>
<div>
<div ng-show="child.show">
<input
class="form-control mt-2 mb-2"
placeholder="Customize field label"
name="label"
ng-model="child.custom_field.label"
/>
<textarea
class="form-control mb-2"
name="description"
placeholder="Customize description"
ng-model="child.custom_field.description"
></textarea>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="form-btn-container mt-3 mb-2 col-12 align-items-center">
<button
type="button"
class="btn btn-block bg-outline px-10 color-purple"
ng-click="openCustomFieldsForm({board: custom_form.board, type: (custom_form.type == 'note' ? 'card' : 'contact'), from: 'custom-forms'})"
ng-show="custom_form.board"
>
<i class="fas fa-plus"></i> Add New Field
</button>
</div>

</div>
</div>


<h4 ng-click="openCustomFormFormPreview()" class="font-weight-bold mb-2 color-purple collapse-title" data-toggle="collapse" href="#collapseThank" role="button" aria-expanded="false" aria-controls="collapseThank">
<span class="step-automation">4</span> Thank you Page
</h4>

<div class="collapse" id="collapseThank" data-parent="#accordionWrapper">
<div class="form-row mb-3">
<div class="col-12 mt-2">
<label>Success Message: prompts after form submission</label>
<textarea
class="form-control"
placeholder="Thanks for send"
name="success_message"
required
ng-model="custom_form.success_message"
></textarea>
</div>
</div>
</div>

</div><!-- accordionWrapper end -->

<div class="form-btn-container mt-3 col-12 px-0">
<button
type="submit"
class="btn btn-primary btn-block mb-3"
ng-disabled="formCustomForm.$invalid || loading"
ng-class="{ loading: loading }"
>
Save
</button>
<button
class="btn btn-outline-secondary btn-block close-form-tab"
ng-click="closeCustomFormsForm(form)"
type="button"
>
Cancel
</button>
</div>

</form>
</div>
</div>

<!-- Slider form E N D -->
<!-- Slider form S T A R T -->

<div id="custom-forms-preview" class="slide-in-contaniner edit-profile-slide" style="z-index: 70; left: -100%; width: 50%;max-width:600px;">

<div class="slide-in-content p-0">
<div class="text-center" style="background:#B8C2CE; padding: 45px 0 110px;" ng-style="$root.backgroundImage(custom_form.banner)">
<h2 class="text-bold" style="font-size: 30px;">Preview Mode</h2>
</div>
<div ng-show="custom_form.show_logo == 1" id="page-top" class="mx-5 d-flex align-items-center justify-content-center" >
<div class="bg-logo-fomrpreview"><img class="img-responsive" ng-src="{{ $root.AuthUser.account.logo }}"/></div>
</div>
<div class="container main px-5">
<div class="row">
<div class="col-md-12 pt-3 pb-2">
<h2 class="text-bold" style="font-size: 27px"><strong>{{ custom_form.title }}</strong></h2>
<p class="mb-2">
{{ custom_form.description }}
</p>
</div>
</div>

<div class="row">
<div class="col-md-12 order-md-1">
<ng-if ng-if="custom_form.type == 'note'">
<div class="form-group">
<label for="title">
<ng-if ng-if="custom_form.title_label">{{ custom_form.title_label }}</ng-if>
<ng-if ng-if="!custom_form.title_label">Title</ng-if>(*)
</label>
<input type="text" class="form-control" id="title" placeholder="" value=""
required />
<small class="form-text form-text text-muted">
{{ custom_form.title_description }}
</small>
</div>

<div class="form-group" ng-if="custom_form.subtitle_show">
<label for="subtitle">
<ng-if ng-if="custom_form.subtitle_label">{{ custom_form.subtitle_label }}</ng-if>
<ng-if ng-if="!custom_form.subtitle_label">Subtitle</ng-if>
</label>
<input type="text" class="form-control" />
<small class="form-text text-muted">
{{ custom_form.subtitle_description }}
</small>
</div>


<div class="form-group" ng-if="custom_form.description_show">
<label for="note">
<ng-if ng-if="custom_form.description_label">{{ custom_form.description_label }}</ng-if>
<ng-if ng-if="!custom_form.description_label">Note</ng-if>
</label>
<textarea type="text" class="form-control"></textarea>
<small class="form-text text-muted">
{{ custom_form.description_description }}
</small>
</div>
</ng-if>

<ng-if ng-if="custom_form.type == 'person'">
<div class="form-group">
<label for="person_first_name_label">
<ng-if ng-if="custom_form.person_first_name_label">{{ custom_form.person_first_name_label }}</ng-if>
<ng-if ng-if="!custom_form.person_first_name_label">First Name</ng-if> (*)
</label>
<input type="text" class="form-control" id="person_first_name_label" placeholder="" value="" required />
</div>

<div class="form-group" ng-if="custom_form.person_last_name_show">
<label for="person_last_name_label">
<ng-if ng-if="custom_form.person_last_name_label">{{ custom_form.person_last_name_label }}</ng-if>
<ng-if ng-if="!custom_form.person_last_name_label">Last Name</ng-if>
</label>
<input type="text" class="form-control" id="person_last_name_label" placeholder="" value="" />
</div>

<div class="form-group" ng-if="custom_form.person_email_show">
<label for="person_email_label">
<ng-if ng-if="custom_form.person_email_label">{{ custom_form.person_email_label }}</ng-if>
<ng-if ng-if="!custom_form.person_email_label">Email</ng-if>
</label>
<input type="text" class="form-control" id="person_email_label" placeholder="" value="" />
</div>

<div class="form-group" ng-if="custom_form.person_phone_show">
<label for="person_phone_label" ng-if="custom_form.person_phone_show">
<ng-if ng-if="custom_form.person_phone_label">{{ custom_form.person_phone_label }}</ng-if>
<ng-if ng-if="!custom_form.person_phone_label">Phone</ng-if>
</label>
<input type="text" class="form-control" id="person_phone_label" placeholder="" value="" />
</div>

</ng-if>

<ng-if ng-if="custom_form.type == 'company'">
<div class="form-group">
<label for="company_first_name_label">

<ng-if ng-if="custom_form.company_first_name_label">{{ custom_form.company_first_name_label }}</ng-if>
<ng-if ng-if="!custom_form.company_first_name_label">Company Name</ng-if> (*)
</label>
<input type="text" class="form-control" id="company_first_name_label" placeholder="" value="" required />
</div>

<div class="form-group" ng-if="custom_form.company_email_show">
<label for="company_email_label">

<ng-if ng-if="custom_form.company_email_label">{{ custom_form.company_email_label }}</ng-if>
<ng-if ng-if="!custom_form.company_email_label">Email</ng-if>

</label>
<input type="text" class="form-control" id="company_email_label" placeholder="" value="" />
</div>

<div class="form-group" ng-if="custom_form.company_phone_show">
<label for="company_phone_label">

<ng-if ng-if="custom_form.company_phone_label">{{ custom_form.company_phone_label }}</ng-if>
<ng-if ng-if="!custom_form.company_phone_label">Phone</ng-if>

</label>
<input type="text" class="form-control" id="company_phone_label" placeholder="" value="" />
</div>
</ng-if>

<div class="form-group" ng-repeat="field in selected_fields track by $index">

{{ field.label ? field.label : field.custom_field.value }}
<span ng-if="field.custom_field.required == 1"> (*)</span>

<textarea
ng-if="field.custom_field.field_type.name == 'text'"
class="form-control"
></textarea>

<input
ng-if="field.custom_field.field_type.name == 'input'"
type="text"
class="form-control"
/>

<div class="form-row mb-3" ng-if="field.custom_field.field_type.name == 'date'">
<div class="col-12">
<div class="datepicker-container">
<input
type="text"
placeholder="mm/dd/yyyy"
class="form-control datepicker"
autocomplete="off"
/>
<span class="datepicker-icon">
<i class="fad fa-calendar-day"></i>
</span>
</div>
</div>
</div>

<select
ng-if="field.custom_field.field_type.name == 'select'"
class="form-control mb-3"
ng-model="field.selected_option"
>
<option >Select</option>
<option ng-repeat="option in field.custom_field.options">
{{ option.value }}
</option>
</select>

<div ng-if="field.selected_option">
<div ng-repeat="child in getOptionChilds(field)">

{{ child.custom_field.label ? child.custom_field.label : child.custom_field.value }}
<span ng-if="child.custom_field.required == 1"> (*)</span>

<div ng-if="child.custom_field.field_type.name == 'text'">
<textarea class="form-control"></textarea>
</div>
<div ng-if="child.custom_field.field_type.name == 'input'">
<input type="text" class="form-control" />
</div>
<div class="form-row mb-3" ng-if="child.custom_field.field_type.name == 'date'">
<div class="col-12">
<div class="datepicker-container">
<input
type="text"
placeholder="mm/dd/yyyy"
class="form-control datepicker"
autocomplete="off"
/>
<span class="datepicker-icon">
<i class="fad fa-calendar-day"></i>
</span>
</div>
</div>
</div>
<select
ng-if="child.custom_field.field_type.name == 'select'"
class="form-control"
>
<option>Select</option>
<option ng-repeat="subOption in child.custom_field.options">
{{ subOption.value }}
</option>
</select>
<input
ng-if="child.custom_field.field_type.name == 'money'"
type="text"
class="form-control money"
/>

<small class="form-text text-muted" ng-if="child.custom_field.description">
{{ child.custom_field.description }}
</small>

</div>
</div>

<input
ng-if="field.custom_field.field_type.name == 'money'"
type="text"
class="form-control money"

/>

<small class="form-text text-muted" ng-if="field.description">
{{ field.description }}
</small>
</div>
</div>
</div>
</div>
</div>
</div>

<!-- Slider form E N D -->
</ng-if>

<!-- Parameters -->
<div
id="parameters"
class="slide-in-contaniner edit-profile-slide"
style="max-width: 550px;"
ng-if="::hasAsset('Legalboards') || hasAsset('Tasks')"
>
<button
class="btn-link btn-hide-slider"
onclick="$('.edit-profile-slide').removeClass('show');"
>
<i class="fas fa-chevron-left"></i>
</button>

<div class="slide-in-content">
<h3>Parameters</h3>
<p>Create custom fields that you can use in your Legalboards account.</p>
<div class="">
<select class="nice-select" name="user_tab_parameters" ng-model="userTabParameters" ng-init="userTabParameters = 'areas-law'">
<option value="task-types" selected>Task Types</option>
<option value="areas-law" ng-if="::hasAsset('Legalboards')">Practice Areas</option>
<option value="types-role" ng-if="::hasAsset('Legalboards')">Relationships</option>
<option value="task-status" ng-if="::hasAsset('Legalboards')">Task Statuses</option>
<option value="follow-up-parameters" ng-if="::hasAsset('Legalboards')">Followup Parameters</option>
<option value="types-case-role" ng-if="hasAsset('Legalboards') && hasAsset('Publications')">Case relationships</option>
</select>
<div class="tab-content pt-3">
<div
class="pb-1"
id="areas-law"
role="tabpanel"
aria-labelledby="areas-law-tab"
ng-show="userTabParameters === 'areas-law'"
>
<button
class="btn btn-primary btn-sm float-right mt-2 mb-3 box-shadow-none"
ng-click="openLegalboardsParametersForm('matter_area')"
ng-show="matter_areas.length > 0"
>
New Item
</button>

<div
class="col-12 mt-3"
ng-cloak
ng-show="matter_areas.length === 0"
>
<div class="pl-2 pr-4 empty-block ">
<a
href=""
ng-click="openLegalboardsParametersForm('matter_area')"
>
<strong>No Parameter Yet</strong
><br />
<i class="far fa-plus"></i>
Add Parameter
</a>
</div>
</div>

<table class="mt-3 table-striped pb-3 colorDark" ng-show="matter_areas.length != 0">
<thead>
<tr>
<th scope="col" class='pl-2'>Name</th>
<th scope="col"></th>
</tr>
</thead>
<tbody>
<tr ng-repeat="parameter in matter_areas track by parameter.id">
<td class="pl-2">{{ ::parameter.name }}</th>
<td width="70px">
<a
class="p-2 btn colorLB"
ng-if="::!!parameter.account_id"
ng-click="openLegalboardsParametersForm(parameter.type, parameter)"
>
<i class="fa fa-pencil colorLB"></i>
</a>
<a
class="p-2 btn"
ng-if="::!!parameter.account_id"
ng-click="confirmDeleteParameter(parameter)"
>
<i class="fa fa-trash text-danger"></i>
</a>
</td>
</tr>
</tbody>
</table>
</div>

<div
class="pb-1"
id="types-role"
role="tabpanel"
aria-labelledby="types-role-tab"
ng-show="userTabParameters === 'types-role'"
>
<button
class="btn btn-primary btn-sm float-right mt-2 mb-3 box-shadow-none"
ng-click="openLegalboardsParametersForm('relationship_matter')"
ng-show="relationship_matter.length > 0"
>
New Item
</button>

<div
class="col-12 mt-3"
ng-cloak
ng-show="relationship_matter.length === 0"
>
<div class="pl-2 pr-4 empty-block ">
<a
href=""
ng-click="openLegalboardsParametersForm('relationship_matter')"
>
<strong>No Types Yet</strong
><br />
<i class="far fa-plus"></i>
Add Types
</a>
</div>
</div>

<table class="mt-3 table-striped pb-3 colorDark" ng-show="relationship_matter.length > 0">
<thead>
<tr>
<th scope="col" class="pl-2">Name</th>
<th scope="col" width="70px"></th>
</tr>
</thead>
<tbody>
<tr ng-repeat="parameter in relationship_matter track by parameter.id">
<td class="pl-2">{{ ::parameter.name }}</th>
<td>
<a
ng-if="::!!parameter.account_id"
class="p-2 btn colorLB"
ng-click="openLegalboardsParametersForm(parameter.type, parameter)"
>
<i class="fa fa-pencil colorLB"></i>
</a>
<a
ng-if="!!parameter.account_id"
class="p-2 btn"
ng-click="confirmDeleteParameter(parameter)"
>
<i class="fa fa-trash text-danger"></i>
</a>
</th>
</tr>
</tbody>
</table>
</div>

<div
class="pb-1"
id="task-types"
role="tabpanel"
aria-labelledby="task-types-tab"
ng-show="userTabParameters === 'task-types'"
>
<button
class="btn btn-primary btn-sm mt-2 mb-3 float-right"
ng-click="openTaskTypesForm()"
ng-show="task_types.length > 0"
>
New Item
</button>

<div
class="col-12 mt-3"
ng-cloak
ng-show="task_types.length === 0"
>
<div class="pl-2 pr-4 empty-block ">
<a href="" ng-click="openTaskTypesForm()">
<strong>No Types Yet</strong
><br />
<i class="far fa-plus"></i>
Add Types
</a>
</div>
</div>

<table
class="mt-3 table-striped pb-3 colorDark"
ng-show="task_types.length > 0"
>
<thead>
<tr>
<th scope="col" class="pl-2">Name</th>
<th scope="col" width="70px"></th>
</tr>
</thead>
<tbody>
<tr ng-repeat="parameter in task_types track by parameter.id">
<td class="pl-2">{{ ::parameter.name }}</td>
<td>
<a
class="p-2 btn"
ng-if="!!parameter.account_id"
ng-click="openTaskTypesForm(parameter)"
>
<i class="fa fa-pencil colorLB"></i>
</a>
<a
class="p-2 btn"
ng-if="!!parameter.account_id"
ng-click="confirmDeleteTaskTypes(parameter)"
>
<i class="fa fa-trash text-danger"></i>
</a>
</td>
</tr>
</tbody>
</table>
</div>

<div
class="pb-1"
id="task-status"
role="tabpanel"
aria-labelledby="task-status-tab"
ng-show="userTabParameters === 'task-status'"
>
<button
class="btn btn-primary btn-sm mt-2 mb-3 float-right"
ng-click="openTaskStatusForm()"
ng-show="task_status.length > 0"
>
New Item
</button>

<div
class="col-12 mt-3"
ng-cloak
ng-show="task_status.length === 0"
>
<div class="pl-2 pr-4 empty-block ">
<a href="" ng-click="openTaskStatusForm()">
<strong>No Status Yet</strong
><br />
<i class="far fa-plus"></i>
Add Status
</a>
</div>
</div>

<table
class="mt-3 table-striped pb-3 colorDark"
ng-show="task_status.length > 0"
>
<thead>
<tr>
<th scope="col" class="pl-2">Name</th>
<th scope="col" width="70px"></th>
</tr>
</thead>
<tbody>
<tr ng-repeat="parameter in task_status track by parameter.id">
<td class="pl-2">{{ ::parameter.name }}</th>
<td>
<a
class="p-2 btn"
ng-if="!!parameter.account_id"
ng-click="openTaskStatusForm(parameter)"
>
<i class="fa fa-pencil colorLB"></i>
</a>
<a
class="p-2 btn"
ng-if="!!parameter.account_id"
ng-click="confirmDeleteTaskStatus(parameter)"
>
<i class="fa fa-trash text-danger"></i>
</a>
</td>
</tr>
</tbody>
</table>
</div>


<div
class="pb-1"
id="follow-up-parameters"
role="tabpanel"
aria-labelledby="follow-up-parameters-tab"
ng-show="userTabParameters === 'follow-up-parameters'"
>
<button
class="btn btn-primary btn-sm mt-2 mb-3 float-right"
ng-click="openFollowUpParametersForm()"
ng-show="follow_up_parameters.length > 0"
>
New Item
</button>

<div
class="col-12 mt-3"
ng-cloak
ng-show="follow_up_parameters.length === 0"
>
<div class="pl-2 pr-4 empty-block ">
<a href="" ng-click="openFollowUpParametersForm()">
<strong>No Followup Parameters Yet</strong
><br />
<i class="far fa-plus"></i>
Add Followup Parameters
</a>
</div>
</div>

<table
class="mt-3 table-striped pb-3 colorDark"
ng-show="follow_up_parameters.length > 0"
>
<thead>
<tr>
<th scope="col" class="pl-2">Name</th>
<th scope="col" width="70px"></th>
</tr>
</thead>
<tbody>
<tr ng-repeat="parameter in follow_up_parameters track by parameter.id">
<td class="pl-2">{{ ::parameter.name }}</th>
<td>
<a
class="p-2 btn"
ng-if="!!parameter.account_id"
ng-click="openFollowUpParametersForm(parameter)"
>
<i class="fa fa-pencil colorLB"></i>
</a>
<a
class="p-2 btn"
ng-if="!!parameter.account_id"
ng-click="confirmDeleteFollowUpParameters(parameter)"
>
<i class="fa fa-trash text-danger"></i>
</a>
</td>
</tr>
</tbody>
</table>
</div>

<div
class="pb-1"
id="types-case-role"
role="tabpanel"
aria-labelledby="types-case-role-tab"
ng-show="userTabParameters === 'types-case-role'"
>
<button
class="btn btn-primary btn-sm mb-3 mt-2 float-right"
ng-click="openLegalboardsParametersForm('relationship_case')"
ng-show="relationship_cases.length > 0"
>
New Item
</button>

<div
class="col-12 mt-5"
ng-cloak
ng-show="relationship_cases.length === 0"
>
<div class="pl-2 pr-4 empty-block ">
<a href="" ng-click="openLegalboardsParametersForm('relationship_case')">
<strong>Without case relationships.</strong
><br />
<i class="far fa-plus"></i>
Add
</a>
</div>
</div>

<table
class="mt-3 table-striped pb-3 colorDark"
ng-show="relationship_cases.length > 0"
>
<thead>
<tr>
<th scope="col" class="pl-2">Name</th>
<th scope="col" width="70px"></th>
</tr>
</thead>
<tbody>
<tr ng-repeat="parameter in relationship_cases track by parameter.id">
<td class="pl-2">{{ ::parameter.name }}</td>
<td>
<a
class="p-2 btn"
ng-if="!!parameter.account_id"
ng-click="openLegalboardsParametersForm(parameter.type, parameter)"
>
<i class="fa fa-pencil colorLB"></i>
</a>
<a
class="p-2 btn"
ng-if="!!parameter.account_id"
ng-click="confirmDeleteParameter(parameter)"
>
<i class="fa fa-trash text-danger"></i>
</a>
</td>
</tr>
</tbody>
</table>
</div>




</div>
</div>
</div>
</div>

<div
id="legalboards-parameters-form"
class="slide-in-contaniner edit-profile-slide third-level"
>
<button
class="close-btn btn close-form-but"
ng-click="closeLegalboardsParametersForm()"
>
<i class="fas fa-times"></i>
</button>

<div class="slide-in-content">
<h3 ng-show="parameter.id">Edit Parameter</h3>
<h3 ng-show="!parameter.id">New Parameter</h3>

<form
name="formLegalboardsParameter"
class="mt-0"
ng-submit="saveLegalboardsParameter(parameter, formLegalboardsParameter)"
>
<div class="form-group mb-3">
<label>Name</label>
<input
type="text"
class="form-control"
required
name="name"
ng-model="parameter.name"
placeholder="Name"
/>
</div>

<div class="form-btn-container mt-3">
<button
type="submit"
class="btn btn-primary btn-block mb-3"
ng-disabled="formLegalboardsParameter.$invalid || loading"
ng-class="{'loading': loading}"
>
Save
</button>
</div>
</form>
</div>
</div>

<div
id="task-types-form"
class="slide-in-contaniner edit-profile-slide third-level"
>
<button
class="close-btn btn close-form-but"
ng-click="closeTaskTypesForm()"
>
<i class="fas fa-times"></i>
</button>

<div class="slide-in-content">
<h3 ng-show="parameter.id">Edit Parameter</h3>
<h3 ng-show="!parameter.id">New Parameter</h3>

<form
name="formTaskTypes"
class="mt-0"
ng-submit="saveTaskTypes(parameter, formTaskTypes)"
>
<div class="form-group mb-3">
<label>Name</label>
<input
type="text"
class="form-control"
required
name="name"
ng-model="parameter.name"
placeholder="Name"
/>
</div>

<div class="form-btn-container mt-3">
<button
type="submit"
class="btn btn-primary btn-block mb-3"
ng-disabled="formTaskTypes.$invalid || loading"
ng-class="{'loading': loading}"
>
Save
</button>
</div>
</form>
</div>
</div>

<div
id="task-status-form"
class="slide-in-contaniner edit-profile-slide third-level"
>
<button
class="close-btn btn close-form-but"
ng-click="closeTaskStatusForm()"
>
<i class="fas fa-times"></i>
</button>

<div class="slide-in-content">
<h3 ng-show="parameter.id">Edit Parameter</h3>
<h3 ng-show="!parameter.id">New Parameter</h3>

<form
name="formTaskStatus"
class="mt-0"
ng-submit="saveTaskStatus(parameter, formTaskStatus)"
>
<div class="form-group mb-3">
<label>Name</label>
<input
type="text"
class="form-control"
required
name="name"
ng-model="parameter.name"
placeholder="Name"
/>
</div>


<p class="instruction-text">Should it be a status with a completed effect?</p>
<div class="col-12 mt-2 pl-2">
<div class="pl-0 col-12 float-left">
<label class="check-container" for="is_done">
Yes
<input
type="checkbox"
value="1"
class="form-check-input"
ng-model="parameter.is_done"
id="is_done"
ng-checked="parameter.is_done === 1"
/>
<span class="checkmark"></span>
</label>
</div>

</div>


<div class="form-btn-container mt-3">
<button
type="submit"
class="btn btn-primary btn-block mb-3"
ng-disabled="formTaskStatus.$invalid || loading"
ng-class="{'loading': loading}"
>
Save
</button>
</div>
</form>
</div>
</div>

<div
id="follow-up-parameter-form"
class="slide-in-contaniner edit-profile-slide third-level"
>
<button
class="close-btn btn close-form-but"
ng-click="closeFollowUpParametersForm()"
>
<i class="fas fa-times"></i>
</button>

<div class="slide-in-content">
<h3 ng-show="parameter.id">Edit Parameter</h3>
<h3 ng-show="!parameter.id">New Parameter</h3>

<form
name="formFollowUpParameter"
class="mt-0"
ng-submit="saveFollowUpParameters(parameter, formFollowUpParameter)"
>
<div class="form-group mb-3">
<label>Name</label>
<input
type="text"
class="form-control"
required
name="name"
ng-model="parameter.name"
placeholder="Name"
/>
</div>

<div class="form-btn-container mt-3">
<button
type="submit"
class="btn btn-primary btn-block mb-3"
ng-disabled="formFollowUpParameter.$invalid || loading"
ng-class="{'loading': loading}"
>
Save
</button>
</div>
</form>
</div>
</div>

<!-- Notifications -->
<div
id="notifications-settings"
class="slide-in-contaniner edit-profile-slide"
ng-if="::accountOwner || hasAnyRole(['admin', 'member'])"
style="max-width: 550px">
<button
class="btn-link btn-hide-slider"
onclick="$('.edit-profile-slide').removeClass('show');$('.settings-nav-btn').removeClass('active');">
<i class="fas fa-chevron-left"></i>
</button>
<div class="slide-in-content notification-setting">
<h3 class="mt-2">Notifications</h3>
<p>Customize your notifications here.</p>

<div ng-repeat="notifications_grouped in notifications | groupBy:'asset.id'" class="pb-3">
<h4 class="mt-3 mb-3">
<ng-if ng-if="notifications_grouped[0].asset.name == 'Automations'">
Automations
</ng-if>
<ng-if ng-if="notifications_grouped[0].asset.name == 'Tasks'">
Tasks
</ng-if>
<ng-if ng-if="notifications_grouped[0].asset.name == 'Clio'">
Clio Tasks
</ng-if>
<ng-if ng-if="!notifications_grouped[0].asset && notifications_grouped[0].asset.name !== 'Automations'">
General
</ng-if>
</h4>

<div class="row mt-2 align-items-center border-botton pb-3" ng-repeat="notification in notifications_grouped">
<div class="col-2 float-left">
<div
class="custom-control custom-switch custom-control-inline">
<input
class="custom-control-input" type="checkbox"
placeholder="Show this field"
id="toggle_{{ notification.id }}"
ng-model="notification.checked"
ng-value="1"
ng-checked="notification.notification_user || notification.checked"
class="checkbox toggle_form"
ng-change="saveNotification(notification)"
ng-disabled="loadingNotification">
<label class="custom-control-label order-1" for="toggle_{{ notification.id }}">
</label>
</div>
<!-- <input
type="checkbox"
placeholder="Show this field"
id="toggle_{{ notification.id }}"
ng-model="notification.checked"
ng-value="1"
ng-checked="notification.notification_user || notification.checked"
class="checkbox toggle_form"
toggle-checkbox
ng-change="saveNotification(notification)"
ng-disabled="loadingNotification" /> -->
</div>
<div class="col-7 float-left" ng-class="{'notification-disable': !notification.checked}">
{{ notification.description }}
</div>
<div class="col-3" ng-class="{'notification-disable': !notification.checked}">

<div ng-if="notification.key === 'automation-failed'">
<select
class="automation-frequency-select"
ng-model="notification.notification_user.frequency"
ng-change="notification.checked = !!notification.notification_user.frequency; saveNotification(notification);"
ng-disabled="loadingNotification">
<option ng-value="1">Daily</option>
<option ng-value="7">Weekly</option>
<option ng-value="30">Monthly</option>
</select>
</div>

<div ng-if="notification.has_field && notification.key !== 'automation-failed'">
<input
style="width: 50px;"
ng-if="notification.has_field"
class="float-left"
type="number"
ng-model="notification.notification_user.frequency"
placeholder="0"
ng-blur="notification.checked = notification.notification_user && notification.notification_user.frequency > 0 ? true : false; saveNotification(notification);"
ng-disabled="loadingNotification"
min="0" />
<small ng-if="notification.has_field" class="p-2 float-left m-0">day(s)</small>
</div>
</div>
<div class="col-12 mt-2" ng-if="notification.checked && notification.id == 11 && notification.notification_user.frequency > 0">
<label>Users who will be notified (besides you)</label>
<ng-if
ng-if="notification.sourceRecipient.length > 0"
ng-cloak>
<h4
class="subtitles-dropdown bg-white"
ng-repeat="recipient in notification.sourceRecipient track by $index">
{{ recipient.first_name }} {{ recipient.last_name }}
<small>{{ recipient.email }}</small>
<i
class="fal fa-times float-right colorLight h6"
ng-click="$event.stopPropagation(); notification.sourceRecipient.splice($index,1); saveNotification(notification);"></i>
</h4>
</ng-if>

<ui-select
ng-model="notification.uiSelectAutomation"
theme="select2"
class="multipleFind"
name="uiSelectAutomation"
on-select="notification.sourceRecipient = notification.sourceRecipient || []; notification.uiSelectAutomation = []; automationUiSelectSetArray($item, $model, notification.sourceRecipient, $select, notification);"
reset-search-input="true"
multiple
tagging="taggingRecipient"
tagging-label="false">
<ui-select-match allow-clear placeholder="">
{{ $item.first_name }} {{ $item.last_name }}
<small>{{ $item.email }}</small>
</ui-select-match>
<ui-select-choices
repeat="recipient in automation_notification_recipients | filter:$select.search track by $index">
{{ recipient.first_name }} {{ recipient.last_name }}
<small>{{ recipient.email }}</small>
</ui-select-choices>
</ui-select>
</div>
</div>
</div>

</div>
</div>
<!-- Cancel Account -->
<div
id="cancel-account"
class="slide-in-contaniner edit-profile-slide"
ng-if="::accountOwner || hasAnyRole('admin')"
style="max-width: 550px"
>
<button
class="btn-link btn-hide-slider"
onclick="$('.edit-profile-slide').removeClass('show');"
>
<i class="fas fa-chevron-left"></i>
</button>
<div class="slide-in-content">
<h3 class="mt-2">Cancel My Account</h3>
<p>Thank you so much for being a part of Legalboards.<br /><br />
We love receiving feedback in order to keep improving. Please let us know below why you’re canceling your subscription.</p>
<form
name="formCancelAccount"
ng-submit="saveCancelAccount(accountCancel, formCancelAccount)"
class="mt-2"
autocomplete="off"
>
<div class="form-row mb-1">
<div class="col-12 mt-1">
<select
class="form-control select2"
placeholder="Reason"
name="description"
ng-model="accountCancel.description"
required
>
<option value="I don't understand how to use the software">I don't understand how to use the software.</option>
<option value="It's too expensive">It's too expensive</option>
<optgroup label="I found another product that I like better.">
<option value="I found another product that I like better: Case management software">Case management software</option>
<option value="I found another product that I like better: Productivity/task management software">Productivity/task management software</option>
</optgroup>
<optgroup label="I don't use it enough.">
<option value="I don't use it enough: It doesn’t fit my current workflow">It doesn’t fit my current workflow</option>
<option value="I don't use it enough: I’m not sure how to apply it effectively in my firm">I’m not sure how to apply it effectively in my firm</option>
<option value="I don't use it enough: My team isn’t fully engaging with the software">My team isn’t fully engaging with the software</option>
</optgroup>
<optgroup label="I found a different product that suits my needs better.">
<option value="I found a different product that suits my needs better: Asana">Asana</option>
<option value="I found a different product that suits my needs better: Clio Matter Stages">Clio Matter Stages</option>
<option value="I found a different product that suits my needs better: Clio Grow">Clio Grow</option>
<option value="I found a different product that suits my needs better: Monday.com">Monday.com</option>
<option value="I found a different product that suits my needs better: Trello">Trello</option>
<option value="I found a different product that suits my needs better: Jira">Jira</option>
</optgroup>
<option value="Some features I need are missing">Some features I need are missing.</option>
</select>
</div>
</div>

<span
class="error"
ng-show="
formCancelAccount.description.$dirty &&
formCancelAccount.description.$error.required
"
>This field is required.
</span>
<h4 class="color-purple font-weight-bold mt-3"><i class="fas fa-exclamation-triangle"></i> Data Cleaning</h4>
<p>
When you cancel your account, you and everyone else on your account will have access to the system until the end of the last payment period. After that, all data on your account is removed.
</p>
<div class="form-btn-container mt-3 col-12 px-0">
<button
type="submit"
class="btn btn-danger btn-block mb-3"
ng-disabled="formCancelAccount.$invalid || loading"
ng-class="{ loading: loading }"
>
Yes, cancel my account
</button>
<button
type="button"
class="btn btn-secondary btn-block mb-3"
ng-click="closeCancelAccountTab(accountCancel, formCancelAccount);"
ng-class="{ loading: loading }"
>
Close
</button>
</div>
</form>
</div>
</div>

<!-- Squad Management -->
<div
id="squad-management"
class="slide-in-contaniner edit-profile-slide"
style="max-width: 550px"
>
<!-- slider text S T A R T -->
<button
class="btn-link btn-hide-slider"
onclick="$('.edit-profile-slide').removeClass('show');$('.settings-nav-btn').removeClass('active');"
>
<i class="fas fa-chevron-left"></i>
</button>
<div class="slide-in-content">
<!-- HEADER TITLE -->

<h3 class="mb-2">
Squads
</h3>
<p>
Organize your team members into group to define squads of work in filters, tasks assignments and more.
</p>
<div class="row mb-3">
<div class="col-8 mt-3">
<div class="search">
<input
type="text"
class="form-control"
ng-model="searchTaskSquads"
placeholder="Search"
/>
<span class="search-icon">
<i class="fas fa-search"></i>
</span>
</div>
</div>
<div class="col-4 mt-3">
<button
class="btn btn-primary btn-block"
ng-click="openSquadManagementForm()"
>
Create
</button>
</div>
<div class="col-12 mt-3 text-center" ng-cloak ng-show="task_squads.length === 0">

<div class="pl-2 pr-4 empty-block">
<a href="">
<strong>No Squads Yet</strong>
</a>
</div>
</div>
<div
class="col-12 ml-0 mr-0 pl-2 pr-4 page-listagem"
ng-class="{ 'empty-box': task_squads.length === 0 }"
ng-cloak
>
<table
class="mt-3 ml-2 table-striped pb-3 colorDark"
ng-show="task_squads.length > 0"
>
<thead>
<tr>
<th class="pl-2">Squad</th>
<th>Members</th>
<th></th>
</tr>
</thead>
<tbody>
<tr
ng-repeat="task_squad in task_squads | filter:searchTaskSquads track by task_squad.id"
>
<td class="pl-2 text-capitalize">
<div
class="user-avatar user-avatar-list raio-20 mx-2"
ng-style="{'background-color': task_squad.color}"
>
<span></span>
</div>

{{ task_squad.name}}
</td>
<td class="text-capitalize">
<span ng-repeat="member in task_squad.members">
{{ member.full_name }}
<span ng-if="!$last">, </span>
</span>
</td>
<td width="70px">
<a
href=""
ng-click="openSquadManagementForm(task_squad)"
class="p-2 btn colorLB"
>
<i class="fa fa-pencil"></i>
</a>

<a
href=""
class="p-2 btn"
ng-click="confirmDeleteTaskSquad($index, task_squad)"
>
<i class="fa fa-trash text-danger"></i>
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- slider text E N D -->

</div>


<div
id="squad-management-form"
class="slide-in-contaniner edit-profile-slide third-level"
>
<button
class="close-btn btn close-form-but"
ng-click="closeSquadManagementForm()"
>
<i class="fas fa-times"></i>
</button>

<div class="slide-in-content">
<h3>Cerate a Squad</h3>
<form
name="squadManagementForm"
ng-submit="saveTaskSquad(task_squad, squadManagementForm)"
class="mt-4"
>
<div class="form-group mb-3">
<label>Name</label>
<input
type="text"
class="form-control"
required
name="name"
ng-model="task_squad.name"
placeholder="Name"
/>
</div>

<span
class="error"
ng-show="
squadManagementForm.name.$dirty && squadManagementForm.name.$error.required
"
>
This field is required.
</span>

<div class="form-group mb-3">
<label>Color</label>
<input
type="color"
class="form-control"
required
name="color"
ng-model="task_squad.color"
placeholder="Color"
/>
</div>

<span
class="error"
ng-show="
squadManagementForm.color.$dirty && squadManagementForm.color.$error.required
"
>
This field is required.
</span>

<div class="form-group mb-3">
<label> Account Users</label>
<ng-show ng-show="account_members.length > 0" class="list-item-board">
<h4
id="dDrop"
data-toggle="dropdown"
aria-haspopup="true"
aria-expanded="false"
ng-cloak
class="subtitles-dropdown"
>
<ng-show >Select</ng-show>
<i class="fal fa-chevron-down"></i>
</h4>
<div class="subtitles-dropdown dropdown-menu pre-scrollable" aria-labelledby="dDrop">
<h4
class="subtitles-dropdown subtitles-item"
ng-repeat="user in account_members track by user.id"
ng-click="squadManagementAddUserToMembers(task_squad, user)"
>
{{ user.full_name }}
</h4>
</div>
</ng-show>
<label>Access to Boards: </label>
<div class="box-list-board" ng-show="task_squad.members.length > 0">
<ng-show ng-show="task_squad.members.length > 0" ng-cloak>
<h4 class="subtitles-dropdown bg-white" ng-repeat="user in task_squad.members">
<ng-show >{{ user.full_name }}</ng-show>
<i
class="fal fa-times float-right colorLight h6"
ng-click="
$event.stopPropagation();
squadManagementRemoveUserFromMembers(task_squad, user);
"
></i>
</h4>
</ng-show>
</div>
</div>

<div class="form-group mb-3">
<button
class="btn btn-primary btn-block"
type="submit"
ng-disabled="loading || squadManagementForm.$invalid || task_squad.members.length == 0"
>
<ng-if ng-if="task_squad.id">Save</ng-if>
<ng-if ng-if="!task_squad.id">Send</ng-if>
</button>

<button class="btn btn-danger btn-block" type="button" ng-if="task_squad.id" ng-click="confirmDeleteTaskSquad(task_squad)" ng-disabled="loading">
Delete
</button>
</div>
</form>
</div>
</div>


<script type="text/ng-template" id="removeTaskSquad.tpl.html">
<div class="modal-body px-4 text-center">
<h2 class="mb-3">Delete</h2>
<i class="fas fa-exclamation-circle"></i>
<div class="row mt-4">
<div class="col-12">
<p>Are you sure you want to delete this task squad?</p>
</div>
<div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmDeleteTaskSquadCallback()">Delete</button></div>
<div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div>
</div>
</div>
</script>
<!-- Document Templates -->
<div
id="document-templates"
class="slide-in-contaniner edit-profile-slide"
style="max-width: 550px">
<!-- slider text S T A R T -->
<button
class="btn-link btn-hide-slider"
onclick="$('.edit-profile-slide').removeClass('show');$('.settings-nav-btn').removeClass('active');"
>
<i class="fas fa-chevron-left"></i>
</button>
<div class="slide-in-content">
<!-- HEADER TITLE -->

<h3 class="mb-2">
Document Templates
</h3>
<p>
You can create your own document templates to use in cards, matters and contacts.
</p>
<small ng-if="::hasAsset('Clio')" class="color-purple"><i class="fas fa-exclamation-circle"></i>
Attention: This is a Legalboards exclusive feature and has no integration with Clio.
</small>


<div class="row mb-3">
<div class="col-8 mt-3">
<div class="search">
<input
type="text"
class="form-control"
ng-model="searchDocumentTemplates"
placeholder="Search"
/>
<span class="search-icon">
<i class="fas fa-search"></i>
</span>
</div>
</div>
<div class="col-4 mt-3">
<button
class="btn btn-primary btn-block"
ng-click="openDocumentTemplateForm()"
>
New
</button>
</div>
<div
class="col-12 ml-0 mr-0 pl-2 pr-4 page-listagem"
ng-class="{ 'empty-box': document_templates.length === 0 }"
ng-cloak
>
<table
class="mt-3 ml-2 table-striped pb-3 colorDark"
ng-show="document_templates.length > 0"
>
<thead>
<tr>
<th class="pl-2">Name</th>
<th>Asset</th>
<th></th>
</tr>
</thead>
<tbody>
<tr
ng-repeat="document_template in document_templates | filter:searchDocumentTemplates track by $index"
>
<td class="pl-2 text-capitalize">
<a href="" ng-click="documentTemplateDownload(document_template.rel_external)">
<span>{{ document_template.name }}</span>
</a>

</td>
<td class="text-capitalize">
{{ document_template.asset.name }}
</td>
<td width="70px">
<a
href=""
class="p-2 btn"
ng-click="confirmDeleteDocumentTemplate($index, document_template)"
>
<i class="fa fa-trash text-danger"></i>
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- slider text E N D -->
</div>
<!-- Slider form S T A R T -->

<div id="document-templates-form" class="slide-in-contaniner third-level edit-profile-slide" style="z-index: 75">
<button class="close-btn btn close-form-but" ng-click="closeDocumentTemplateForm()">
<i class="fas fa-times"></i>
</button>

<div class="slide-in-content">
<h3>New Template Doc</h3>

<form name="formDocumentTemplate" ng-submit="saveDocumentTemplate(formDocumentTemplate)" class="mt-2">

<div class="form-row mb-3">
<span class="error"
ng-show="save_document_template_error">{{ save_document_template_error }}
</span>

<div class="col-12 mt-2">
<label>Asset</label>
<ui-select ng-required="true" autofocus-ui-select ng-model="document_template.asset" theme="select2" name="asset">
<ui-select-match allow-clear placeholder="Select Asset">
{{ document_template.asset.name }}
</ui-select-match>
<ui-select-choices
repeat="document_asset in document_assets | filter:$select.search track by $index"
>
{{ document_asset.name }}
</ui-select-choices>
</ui-select>
</div>
<div class="col-12 mt-2">
<div class="upload-container">
<label for="file-input" class="file-name-label">
Document
<input
type="text"
class="form-control file-name-input"
ng-model="document_template.file.name"
placeholder="Select File"
readonly
ng-required="true"
ng-readonly="::hasAnyRole('viewer')"
/>
</label>
<input
id="file-input"
type="file"
class="file-input"
name="upload"
file-change="setFilledCustomField($event)"
ng-required="true"
ng-readonly="::hasAnyRole('viewer')"
/>
</div>
</div>

<div class="form-group">
<a href="https://app.legalboards.io/api/document_templates/example/download" download class="small">
Download Template Example
</a>
</div>

</div>

<div class="form-btn-container mt-3">
<button type="submit" class="btn btn-primary btn-block mb-3"
ng-disabled="formDocumentTemplate.$invalid || loading" ng-class="{'loading': loading}">
Save
</button>
<button type="button" class="btn btn-outline-secondary btn-block close-form-tab"
ng-click="closeDocumentTemplateForm(form)">
Cancel
</button>
</div>
</form>
</div>
</div>

<!-- Slider form E N D -->

<!-- Categories Publications -->
<div
id="categories-publications"
class="slide-in-contaniner edit-profile-slide"
style="max-width: 550px">
<!-- slider text S T A R T -->
<button
class="btn-link btn-hide-slider"
onclick="$('.edit-profile-slide').removeClass('show');$('.settings-nav-btn').removeClass('active');"
>
<i class="fas fa-chevron-left"></i>
</button>
<div class="slide-in-content">
<!-- HEADER TITLE -->
<h3 class="mb-2">
Categories Publications
</h3>
<p>
Register categories with keywords to be assigned to the publications.
</p>

<div class="alert alert-success py-2"
role="alert"
ng-if="alertSaveCategoriesSuccess"
>
<span>{{ alertSaveCategoriesSuccess }}</span>
</div>

<div class="row">
<div class="col-12 mb-3">
<label>Add No Action Needed</label>
<ui-select
autofocus-ui-select
multiple
class="multipleFind select-description"
theme="select2"
tagging="addTaggingDoNothingTerms"
on-select="taggingDoNothingTermsCategory($item);"
on-remove="taggingRemoveTermsCategory($item);"
tagging-label="false"
ng-model="no_action_needed_categories"
>
<ui-select-match allow-clear>
{{ $item.keywords }}
</ui-select-match>
<ui-select-choices
repeat="no_action_needed_category1 in list_no_action_needed_categories1 | filter: $select.search"
>
{{ no_action_needed_category.keywords }}
</ui-select-choices>
</ui-select>
<span class="text-sm text-warning">
<i class="fa-solid fa-triangle-exclamation"></i>
Publications that contain the above terms will be automatically defined as Nothing to Do.</span>
</div>
</div>

<div class="row">
<div class="col-6"><span class="text-bold">Category Name</span></div>
<div class="col-6"><span class="text-bold">Keywords</span></div>
</div>
<div class="row">
<div class="col-12 mt-3 categories-container">
<div class="row" ng-repeat="category in categories track by $index">
<div class="col-6 d-flex align-items-center border-left border-right border-top border-bottom py-2">
<div class="vertical-color-bar" ng-style="{'background-color': category.color}"></div>
<div>{{ category.name }}</div>
</div>
<div class="col-6 border-right border-top border-bottom py-2 d-flex justify-content-between align-items-center">
<span>{{ category.keywords }}</span>
<a href="" ng-click="removeCategory($index)">
<i class="fa-solid fa-trash"></i>
</a>

</div>
</div>

<div class="text-center" ng-if="!categories.length">
Not categories publications found.
</div>

<div class="row mt-4" ng-if="showAddCategory">
<div class="col-12">
<div class="form-row align-items-center">
<div class="col-2">
<label for="categoryColor">Color</label>
<input type="color" class="form-control color-input" id="categoryColor" ng-model="categoryColor" />
</div>
<div class="col-5">
<label for="categoryName">Category Name</label>
<input type="text" class="form-control" id="categoryName" ng-model="categoryName" placeholder="Enter category name" />
</div>
<div class="col-5">
<label for="keywords">Keywords</label>
<div class="input-group">
<input type="text" class="form-control" id="keywords" ng-model="keywords" placeholder="Separated by commas" />
<div class="input-group-append">
<div class="d-flex align-items-center">
<i class="fa-solid ml-2 fa-check-circle text-success add-category-icon"
ng-class="!categoryColor || !categoryName || !keywords ? 'category-invalid' : ''"
ng-click="addCategory(categoryColor, categoryName, keywords)"
title="Add Category"
></i>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="row">
<div class="col-12">
<div class="d-flex align-items-center justify-content-center p-3 add-category" ng-click="toggleShowAddCategory()">
<i class="fa-solid text-primary fa-circle-plus mr-2"></i>
<span class="text-center text-bold text-primary">Add Category</span>
</div>
</div>
</div>

<div class="form-btn-container mt-5">
<button ng-click="saveCategories()" class="btn btn-primary btn-block mb-3"
ng-disabled="loading" ng-class="{'loading': loading}">
Save
</button>
<button type="button" class="btn btn-outline-secondary btn-block close-form-tab"
ng-click="closePublicationsCategoriesTab()">
Cancel
</button>
</div>

</div>
</div>

<div class="row">

</div>

</div>
<!-- slider text E N D -->
</div> <script type="text/ng-template" id="removeMember.tpl.html">
<div class="modal-body px-4 text-center">
<h2 class="mb-3">Remove Member</h2>
<i class="fas fa-exclamation-circle"></i>
<div class="row mt-4">
<div class="col-12">
<p>Are you sure you want to remove this member?</p>
</div>
<div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="removeMember(deletingMember.index, deletingMember.member)">Remove</button></div>
<div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div>
</div>
</div>
</script>

<script type="text/ng-template" id="removeMatterCase.tpl.html">
<div class="modal-body px-4 text-center">
<h2 class="mb-3">Remove Case</h2>
<i class="fas fa-exclamation-circle"></i>
<div class="row mt-4">
<div class="col-12">
<p>Are you sure you want to remove this case?</p>
</div>
<div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="removeMatterCase(deletingMatterCase.index, deletingMatterCase.case)">Remove</button></div>
<div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div>
</div>
</div>
</script>

<script type="text/ng-template" id="deleteInvitation.tpl.html">
<div class="modal-body px-4 text-center">
<h2 class="mb-3">Remove Invitation</h2>
<i class="fas fa-exclamation-circle"></i>
<div class="row mt-4">
<div class="col-12">
<p>Are you sure you want to remove this invitation?</p>
</div>
<div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmDeleteInvitationCallback(deletingInvitation)">Delete</button></div>
<div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div>
</div>
</div>
</script>

<script type="text/ng-template" id="removeCustomField.tpl.html">
<div class="modal-body px-4 text-center">
<h2 class="mb-3">Delete</h2>
<i class="fas fa-exclamation-circle"></i>
<div class="row mt-4">
<div class="col-12">
<p>Are you sure you want to delete this custom field?</p>
</div>
<div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmDeleteCustomFieldCallback()">Delete</button></div>
<div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div>
</div>
</div>
</script>

<script type="text/ng-template" id="deleteParameter.tpl.html">
<div class="modal-body px-4 text-center">
<h2 class="mb-3">Delete Parameter</h2>
<i class="fas fa-exclamation-circle"></i>
<div class="row mt-4">
<div class="col-12">
<p>Are you sure you want to delete this parameter?</p>
</div>
<div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmDeleteParameterCallback()">Delete</button></div>
<div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div>
</div>
</div>
</script>

<script type="text/ng-template" id="deleteTaskTypes.tpl.html">
<div class="modal-body px-4 text-center">
<h2 class="mb-3">Delete Parameter</h2>
<i class="fas fa-exclamation-circle"></i>
<div class="row mt-4">
<div class="col-12">
<p>Are you sure you want to delete this parameter?</p>
</div>
<div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmDeleteTaskTypesCallback()">Delete</button></div>
<div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div>
</div>
</div>
</script>

<script type="text/ng-template" id="deleteTaskStatus.tpl.html">
<div class="modal-body px-4 text-center">
<h2 class="mb-3">Delete Parameter</h2>
<i class="fas fa-exclamation-circle"></i>
<div class="row mt-4">
<div class="col-12">
<p>Are you sure you want to delete this parameter?</p>
</div>
<div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmDeleteTaskStatusCallback()">Delete</button></div>
<div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div>
</div>
</div>
</script>

<script type="text/ng-template" id="deleteFollowUpParameter.tpl.html">
<div class="modal-body px-4 text-center">
<h2 class="mb-3">Delete Parameter</h2>
<i class="fas fa-exclamation-circle"></i>
<div class="row mt-4">
<div class="col-12">
<p>Are you sure you want to delete this parameter?</p>
</div>
<div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmDeleteFollowUpParametersCallback()">Delete</button></div>
<div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div>
</div>
</div>
</script>


<script type="text/ng-template" id="confirmCancelAccount.tpl.html">
<div class="modal-body px-4 text-center">
<i class="fas fa-trash-alt color-purple h1"></i>
<h2 class="mt-3">Account Canceled</h2>
<div class="row mt-4">
<div class="col-12 text-left">
<p>
Your cancellation is confirmed and nothing else will be charged to your card.
<br /><br />
<strong><i class="fas fa-exclamation-triangle"></i> Data Cleaning</strong><br />
Within 30 days all data on your account is removed.
<br /><br />
If you decide to come back and keep your data, please send an email to: <a href="mailto:support@legalboards.com;">support@legalboards.com</a></p>


</div>
<div class="col-12"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="closeAnyModalInstance()">Close</button></div>
</div>
</div>
</script>

<script type="text/ng-template" id="modalTimer.tpl.html">
<div class="modal-body px-4 text-center text-success timer-modal">
<h2><i class="fad fa-stopwatch h4 color-purple mr-1"></i> Time Entry</h2>
<form ng-submit="saveTimer(timer)" name="formTimer" ng-if="!timer.id">
<div class="row mt-4">
<div class="col-12">
<ng-if ng-if="hasAsset('Legalboards')">
<div class="combo_select2">
<label>Contact</label>
<ui-select
autofocus-ui-select
ng-model="timer.contact"
theme="select2"
required
name="contact"
ng-change="loadMatters({client_id: timer.contact.contact.id})"
>
<ui-select-match allow-clear placeholder="Contact">
{{ timer.contact.contact.first_name }} {{ timer.contact.contact.last_name }}
</ui-select-match>
<ui-select-choices
repeat="contact in contacts | filter:$select.search track by contact.id"
>
{{ contact.contact.first_name }} {{ contact.contact.last_name }}
</ui-select-choices>
</ui-select>
</div>

<ng-show ng-show="timer.contact.id">
<div class="combo_select2">
<label>Matter</label>
<ui-select
autofocus-ui-select
ng-model="timer.matter"
theme="select2"
name="matter"
ng-change="loadTasks({matter_id: timer.matter.id})"
>
<ui-select-match allow-clear placeholder="Matter">
{{ timer.matter.matter.number }}
</ui-select-match>
<ui-select-choices
repeat="matter in matters | filter:$select.search track by matter.id"
>
{{ matter.matter.number }}
</ui-select-choices>
</ui-select>
</div>
</ng-show>
</ng-if>
<ng-if ng-if="hasAsset('Clio')">
<div class="combo_select2">
<label>Matter</label>
<ui-select
autofocus-ui-select
ng-model="timer.matter"
theme="select2"
name="matter"

ng-change="loadTasks({matter_id: timer.matter.id})"
required
>
<ui-select-match allow-clear placeholder="Matter">
{{ timer.matter.clio_client_name }} <ng-show ng-show="timer.matter.clio_practice_area_name">- {{ timer.matter.clio_practice_area_name }}</ng-show>
<br />
{{ timer.matter.clio_display_number }}
</ui-select-match>
<ui-select-choices
refresh="loadClioMatters($select.search)"
refresh-delay="1000"
repeat="matter in matters | filter:$select.search track by matter.id"
>
{{ matter.clio_client_name }} <ng-show ng-show="matter.clio_practice_area_name">- {{ matter.clio_practice_area_name }}</ng-show>
<br />
{{ matter.clio_display_number }}
</ui-select-choices>
</ui-select>
</div>
</ng-if>

<ng-show ng-show="timer.matter.id && hasAsset('Tasks') && tasks.length > 0">
<div class="combo_select2">
<label>Task</label>
<ui-select
autofocus-ui-select
ng-model="timer.task"
theme="select2"
name="task"
>
<ui-select-match allow-clear placeholder="Task">
{{ timer.task.title }}
</ui-select-match>
<ui-select-choices
repeat="task in tasks | filter:$select.search track by task.id"
>
{{ task.title }}
</ui-select-choices>
</ui-select>
</div>
</ng-show>
<ng-show ng-show="timer.matter.id && hasAsset('Clio') && clio_tasks.length > 0">
<div class="combo_select2">
<label>Clio Task</label>
<ui-select
autofocus-ui-select
ng-model="timer.clio_task"
theme="select2"
name="clio_task"
>
<ui-select-match allow-clear placeholder="Clio Task">
{{ timer.clio_task.name }} - {{ timer.clio_task.due_at | amDateFormat: 'L' }} - {{ timer.clio_task.status.name }}
</ui-select-match>
<ui-select-choices
repeat="clio_task in clio_tasks | filter:$select.search track by clio_task.id"
>
{{ clio_task.name }} - {{ clio_task.due_at | amDateFormat: 'L' }} - {{ clio_task.status.name }}
</ui-select-choices>
</ui-select>
</div>
</ng-show>
</div>
</div>

<div class="row mt-4">
<div class="col-12"><button class="btn btn-block bg-green bg-btn-green-save" type="submit" ng-disabled="formTimer.$invalid || loading" ng-class="{'loading': loading}">Start Timer</button></div>
<div class="col-12"><button class="btn btn-link bg-btn-gray" type="button" ng-click="closeAnyModalInstance()">Close</button></div>
</div>
</form>


<form ng-submit="saveTimer(timer)" name="formTimer" ng-if="timer.id">
<div class="row mt-4 time-save">
<div class="col-12">

<ng-if ng-if="timer.timesheetable_type == 'App\\Card'">
<p><strong>Card:</strong> {{ timer.timesheetable.title }} - {{ timer.timesheetable.subtitle }}</p>
</ng-if>

<ng-if ng-if="timer.timesheetable_type == 'App\\Contact'">
<p><strong>Contact:</strong> {{ timer.timesheetable.contact.first_name }} {{ timer.timesheetable.contact.last_name }}</p>
</ng-if>

<ng-if ng-if="timer.timesheetable_type == 'App\\Matter'">
<ng-show ng-show="timer.timesheetable.matter">
<p><strong>Contact:</strong> {{ timer.timesheetable.matter.client.first_name }} {{ timer.timesheetable.matter.client.last_name }}</p>
</ng-show>
<ng-show ng-show="timer.timesheetable.matter">
<p><strong>Matter:</strong> {{ timer.timesheetable.matter.number }}</p>
</ng-show>
<ng-show ng-show="!timer.timesheetable.matter">
<p><strong>Client:</strong> {{ timer.timesheetable.clio_client_name || '-' }}</p>
<p><strong>Matter:</strong> {{ timer.timesheetable.title }}</p>
</ng-show>
</ng-if>

<ng-if ng-if="timer.timesheetable_type == 'App\\AssetTask'">

<ng-show ng-show="timer.timesheetable.contact.contact">
<p><strong>Contact:</strong> {{ timer.timesheetable.contact.contact.first_name }} {{ timer.timesheetable.contact.contact.last_name }}</p>
</ng-show>

<ng-show ng-show="timer.timesheetable.matter.matter">
<p><strong>Contact:</strong> {{ timer.timesheetable.matter.matter.client.first_name }} {{ timer.timesheetable.matter.matter.client.last_name }}</p>
<p><strong>Matter:</strong> {{ timer.timesheetable.matter.matter.number }}</p>
</ng-show>

<ng-show ng-show="timer.timesheetable.matter && !timer.timesheetable.matter.matter">
<p><strong>Client:</strong> {{ timer.timesheetable.matter.clio_client_name || '-' }}</p>
<p><strong>Matter:</strong> {{ timer.timesheetable.matter.title }}</p>
</ng-show>
<p><strong>Task:</strong> {{ timer.timesheetable.title }}</p>
</ng-if>

<ng-if ng-if="timer.timesheetable_type == 'App\\Sources\\Clio\\AssetClioTask'">
<p><strong>Client:</strong> {{ timer.timesheetable.matter.clio_client_name || '-' }}</p>
<p><strong>Matter:</strong> {{ timer.timesheetable.matter.title }}</p>
<p><strong>Clio Task</strong> {{ timer.timesheetable.name }} - {{ timer.timesheetable.due_at | amDateFormat: 'L' }} - {{ timer.timesheetable.status.name }}</p>
</ng-if>

<div class="form-row">
<div class="col-12">
<label><strong>Time:</strong></label>
<input
class="form-control"
placeholder="HH:MM"
name="time_logged_in_mins"
ng-model="timer.time_logged_in_mins"
time-format
/>
</div>
</div>

<div class="form-row mt-2">
<div class="col-12">
<label><strong>Post a description:</strong></label>
<textarea
class="form-control"
placeholder="Description"
name="description"
ng-model="timer.description"
></textarea>
</div>
</div>

<div class="form-row" ng-if="hasAsset('Clio') && ['App\\Matter', 'App\\Sources\\Clio\\AssetClioTask'].indexOf(timer.timesheetable_type) > -1">
<div class="col-12 mt-1">
<input
type="checkbox"
ng-true-value="1"
ng-false-value="0"
value='1'
class="mr-1"
name="generate_clio_timesheet"
ng-model="timer.generate_clio_timesheet"
/>
<label>
Log this time entry on your Clio Account.
</label>
</div>

<div class="col-12">
<label ><strong>Activity Description:</strong></label>
<select
class="form-control"
ng-model="timer.clio_activity_description_id"
ng-options="item.id as item.name group by item.category_type for item in clio_activity_descriptions track by item.id">
<option value="">None</option>
</select>
</div>
</div>

<div class="form-row mt-3" ng-if="hasAsset('MyCase') && 'App\\Matter' === timer.timesheetable_type && timer.timesheetable.rel_external">
<div class="col-12">
<input
type="checkbox"
ng-true-value="1"
ng-false-value="0"
value='1'
class="mr-1"
id="generate_mycase_timesheet"
name="generate_mycase_timesheet"
ng-model="timer.generate_mycase_timesheet"
/>
<label for="generate_mycase_timesheet">
Log this time entry on your MyCase Account.
</label>
</div>

<div class="col-12 mt-2" ng-if="timer.generate_mycase_timesheet">
<label><strong>Activity Name:</strong></label>
<ui-select
ng-model="timer.activity_name"
theme="select2"
class="multipleFind"
name="activityName"
reset-search-input="true"
tagging="taggingActivity"
tagging-label="false"
ng-required="timer.generate_mycase_timesheet"
>
<ui-select-match placeholder="">
{{ $select.selected.activity_name }}
</ui-select-match>
<ui-select-choices
repeat="activity_name in activities_name | filter: $select.search"
>
{{ activity_name.activity_name }}
</ui-select-choices>
<ui-select-no-choice>
If you can&#039;t find what you want, you can create a new here, just hit enter!
</ui-select-no-choice>
</ui-select>
</div>

<div class="col-12 mt-3" ng-if="timer.generate_mycase_timesheet">
<input
type="checkbox"
ng-true-value="1"
ng-false-value="0"
value='1'
class="mr-1"
id="time_entry_billable"
name="time_entry_billable"
ng-model="timer.time_entry_billable"
/>
<label for="time_entry_billable">
This time entry is billable.
</label>
</div>

<div class="col-12 mt-3" ng-if="timer.generate_mycase_timesheet">
<label><strong>Rate
<span ng-if="timer.flat_fee">(Fix)</span>
<span ng-if="!timer.flat_fee">(Peer Hour)</span>
</strong></label>
<input
ng-required="timer.generate_mycase_timesheet"
placeholder="Input Rate Value" type="text" name="rate" class="form-control" ng-model="timer.rate" ui-money-mask> <br>
</div>

<div class="col-12 mt-3" ng-if="timer.generate_mycase_timesheet">
<input
type="checkbox"
ng-true-value="1"
ng-false-value="0"
value='1'
class="mr-1"
id="flat_fee"
name="flat_fee"
ng-model="timer.flat_fee"
/>
<label for="flat_fee">
Flat Fee.
</label>
</div>

</div>
</div>
</div>

<div class="row mt-4">
<div class="col-12 mb-2"><button class="btn btn-block bg-btn-green-save bg-green" type="submit" ng-disabled="formTimer.$invalid || loading" ng-class="{'loading': loading}">Save</button></div>
<div class="col-12 mb-2"><button class="btn btn-block bg-btn-green-vazado" style="height: 90% !important;" type="button" ng-click="discartTime(timer.id)">Discard</button></div>
<div class="col-12"><button class="btn btn-link bg-btn-gray" type="button" ng-click="closeAnyModalInstance()">Close</button></div>
</div>
</form>
</div>
</script>

<script type="text/ng-template" id="deleteCustomForm.tpl.html">
<div class="modal-body px-4 text-center">
<h2 class="mb-3">Delete</h2>
<i class="fas fa-exclamation-circle"></i>
<div class="row mt-4">
<div class="col-12">
<p>Are you sure you want to delete this custom form?</p>
</div>
<div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="deleteCustomFormCallback()">Delete</button></div>
<div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div>
</div>
</div>
</script>

<script type="text/ng-template" id="showCustomForm.tpl.html">
<div class="modal-body px-4 text-center" >
<h2 class="mb-3"><i class="fad fa-share-alt color-purple"></i> Share this form</h2>
<div class="row mt-4">
<div class="col-12 p-2">
<div class="row">
<div class="col-12">
<label class="float-left">Direct Link
<a href="#" ng-click="copyCustomFormToClipboard('copy-clipboard-custom-form-link')" class="mx-1 color-purple" title="Copy link">
<i class="fas fa-copy"></i>
</a></label>
<input type="text"
class="form-control px-1"
ng-model="showingCustomForm.link"
id='copy-clipboard-custom-form-link'
readonly
/>
</div>

</div>
<div class="row">
<div class="col-12 mt-3">
<label class="float-left">Embed this Form in your website
<a href="#" ng-click="copyCustomFormToClipboard('copy-clipboard-custom-form-embed')" class="mx-1 color-purple" title="Copy Code" >
<i class="fas fa-copy"></i>
</a>
</label>
<textarea type="text"
class="form-control px-10"
id='copy-clipboard-custom-form-embed'
readonly><embed src="{{ showingCustomForm.link }}?type=embed" /></textarea>

</div>
</div>
<div class="row"><div class="col-12 mt-3"><button class="btn btn-block btn-secondary" type="button" ng-click="closeAnyModalInstance()">Close</button></div></div>
</div>
</div>
</div>
</script>

<script type="text/ng-template" id="removeDocumentTemplate.tpl.html">
<div class="modal-body px-4 text-center">
<h2 class="mb-3">Delete</h2>
<i class="fas fa-exclamation-circle"></i>
<div class="row mt-4">
<div class="col-12">
<p>Are you sure you want to delete this document template?</p>
</div>
<div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmDeleteDocumentTemplateCallback()">Delete</button></div>
<div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div>
</div>
</div>
</script>
</section>
<!-- Main menu E N D -->
<!-- Reports -->
<!-- Reports -->
<section ng-controller="ReportController">
<ng-if ng-if="$root.hasReportsModule()" ng-cloak>
<div
id="report-settings"
class="slide-in-contaniner config-slide-form"
ng-cloak
>
<div class="slide-in-content">
<button
class="btn-link btn-hide-slider"
onclick="$('.slide-in-contaniner').removeClass('show');"
>
<i class="fas fa-chevron-left"></i>
</button>

<h3 class="mt-2">Reports</h3>
<ul class="settings-itens mt-3 p-0">
<li class="mb-1" ng-if="::$root.hasAsset('Legalboards')">
<a class="report-btn report-time-sheet" type="button" ng-click="openTimesheetReportsCoreData()">
<i class="far fa-clock"></i>
Timesheet
</a>
</li>
<li class="mb-1" ng-if="::$root.hasAsset('Clio')">
<a class="report-btn report-time-sheet" type="button" ng-click="openTimesheetReportsClioData()">
<i class="far fa-clock"></i>
Timesheet
</a>
</li>
<li class="mb-1">
<a class="report-btn report-matter" type="button" ng-click="openMatterReports()">
<i class="fas fa-folder"></i>
Matters
</a>
</li>
<li class="mb-1">
<a class="report-btn report-task" type="button" ng-click="openTasksReports()">
<i class="fas fa-check-square"></i>
Tasks
</a>
</li>
</ul>

<p class="ask-suggestion mb-1">
Do you have a report suggestion?
<a href="https://legalboards.com/support/" target="_blank">
Please, tell us!
</a>
</p>
</div>

</div>
<!-- End Reports -->

<div
id="timesheet-reports-core"
class="slide-in-contaniner edit-profile-slide third-level2"
style="max-width: 750px; left: 370px;"
ng-if="::$root.hasAsset('Legalboards')"
> <!-- style="max-width: 450px; left: 620px; z-index: 70;" -->
<button
class="btn-link btn-hide-slider"
onclick="$('.edit-profile-slide').removeClass('show');$('.report-btn').removeClass('active');"
>
<i class="fas fa-times"></i>
</button>

<div class="slide-in-content">
<h3 class="mt-2">Timesheet</h3>
<div class="form-row mb-3">
<div class="col-12 mt-2">
<p class="instruction-text pl-0">Filter By:</p>
</div>
<div class="col-4 mt-2">
<label>Date</label>
<input date-range-picker type="text" name="daterange" class="form-control p-0 pl-2 date-picker" placeholder="Today" ng-model="dateRangePicker.date" />
</div>

<div class="col-4 mt-2">
<label>User</label>
<ui-select
autofocus-ui-select
ng-model="ResonsavelReport.selected"
theme="select2"
close-on-selet="false"
tagging-label="false"
ng-change="getPageTimesheetReport(true)"

>
<ui-select-match allow-clear="false" placeholder="User">
{{$select.selected.first_name}} {{$select.selected.last_name}}
<small uib-tooltip="Clear" class="fa fa-times clear-button float-right mt-2"
ng-click="clearUiSelectResponsavel($event, $select)">
</small>
</ui-select-match>
<ui-select-choices
refresh="searchResponsavel($select, {})"
refresh-delay="500"
repeat="member in search_responsavel track by member.id"
>
{{ member.first_name }} {{ member.last_name }}
</ui-select-choices>
</ui-select>
</div>

<div class="col-4 mt-2">
<label> Client</label>
<ui-select
autofocus-ui-select
ng-model="ContactReport.selected"
theme="select2"
close-on-selet="false"
tagging-label="false"
ng-change="getPageTimesheetReport(true)"

>
<ui-select-match allow-clear="false" placeholder="Client">
{{$select.selected.first_name}}
<small uib-tooltip="Clear" class="fa fa-times clear-button float-right mt-2"
ng-click="clearUiSelectContact($event, $select)">
</small>
</ui-select-match>
<ui-select-choices
refresh="searchContacts($select, {})"
refresh-delay="500"
repeat="client in search_contacts track by client.id"
>
{{ client.first_name }} {{ client.last_name }}
</ui-select-choices>
</ui-select>
</div>

<div class="col-6 mt-3">
<label> Matter</label>
<ui-select
autofocus-ui-select
ng-model="MatterReport.selected"
theme="select2"
close-on-selet="false"
tagging-label="false"
ng-change="getPageTimesheetReport(true)"
>
<ui-select-match allow-clear="false" placeholder="Matter Number">
{{$select.selected.number}}
<small uib-tooltip="Clear" class="fa fa-times clear-button float-right mt-2"
ng-click="clearUiSelectMatter($event, $select)">
</small>
</ui-select-match>
<ui-select-choices
refresh="searchMatters($select, {})"
refresh-delay="500"
repeat="matter in search_matters"
>
{{ matter.number }}
</ui-select-choices>
</ui-select>
</div>

<div class="col-3 mt-2 pt-4">
<button class="btn btn-primary btn-block mt-2" ng-click="getPageTimesheetReport(true)">
Filter
</button>
</div>
<div class="col-3 mt-2 pt-4">
<button class="btn btn-info btn-block mt-2" ng-click="buildViewReportExportUrl()">
Export
</button>
</div>

</div>



<div class="form-row mb-3" ng-show="timeSpent.length > 0">
<p class="instruction-text">Result:</p>

<div class="col-12 mt-2">
<div class="search-simple">
<input type="text" class="form-control ng-pristine ng-untouched ng-valid ng-empty" ng-model="test" placeholder="Quick-Search" aria-invalid="false">
<span class="search-icon">
<i class="fas fa-search"></i>
</span>
</div>
</div>

<!-- <div class="manage-content content col-12 pr-0 mt-3"> -->
<div class="manage-content content col-12 page-listagem-core pr-0" style="overflow: auto;max-height:calc(100vh - 160px);">
<div class="pb-3">
<table class="table table-striped colorDark" when-scrolled="getPageTimesheetReport()">
<thead class="light">
<tr>
<th class="pl-4" scope="col" >User</th>
<th scope="col">Where</th>
<th scope="col"></th>
<th scope="col">Due At</th>
<th scope="col">HH:MM</th>
<th scope="col">Description</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="result in timeSpent | filter:test" ng-cloak>
<td scope="row" class="center pl-4 py-2">
<div
class="user-avatar user-avatar-list raio-40 mr-2"
ng-class="::$root.getRandomAvatarBackground($index)"
title="{{ result.user.first_name }} {{
result.user.last_name
}}"
style="background-image:url({{ result.user.avatar }});"
>
<span ng-show="!result.user.avatar">
{{ result.user.initials }}
</span>
</div>
</td>

<td>
<div ng-switch="result.timesheetable_type">
<span ng-switch-when="App\Contact">
<i class="fas fa-user bg-greenF circle-20" title="Contact"></i>
</span>
<span ng-switch-when="App\Matter">
<i class="fas fa-suitcase bg-blue circle-20" title="Matter"></i>
</span>
<span ng-switch-when="App\AssetTask">
<i class="fas fa-check-square bg-purple circle-20" title="Task"></i>
</span>
<span ng-switch-when="App\Sources\Clio\AssetClioTask">
<i class="far fa-tasks-alt bg-purple circle-20" title="Clio Task"></i>
</span>
<span ng-switch-when="App\Card">
<i class="far fa-sticky-note bg-greenlb circle-20" title="Card"></i>
</span>
<div ng-switch-default></div>
</div>
</td>
<td>{{
result.timesheetable.matter.title
|| result.timesheetable.matter.matter.number
|| result.timesheetable.title
|| result.timesheetable.contact.first_name
}}</td>

<td>{{ result.created_at | amDateFormat: "YYYY/MM/DD" }}</td>
<td>{{ result.time }}</td>
<td>{{ result.description | removeHTMLTags }}</td>
</tr>
</tbody>
</table>

</div>
</div>
</div>
<div class="mt-5 w-100 text-center" ng-show="timeSpent.length === 0">
<img src="https://app.legalboards.io/img/no-timeentry-report.png" width="50%" />
</div>
</div><!-- content -->

</div>
<div
id="reports-data-clio"
class="slide-in-contaniner edit-profile-slide third-level2"
style="max-width: 750px; left: 370px;"
ng-if="::$root.hasAsset('Clio')"
> <!-- style="max-width: 450px; left: 620px; z-index: 70;" -->
<button
class="btn-link btn-hide-slider"
onclick="$('.edit-profile-slide').removeClass('show');"
>
<i class="fas fa-times"></i>
</button>

<div class="slide-in-content">
<h3 class="mt-2">Timesheet</h3>
<div class="form-row mb-3">
<div class="col-12 mt-2">
<p class="instruction-text pl-0">Filter By:</p>
</div>
<div class="col-4 mt-2">
<label>Date</label>
<input date-range-picker type="text" name="daterange" class="form-control p-0 pl-2 date-picker" placeholder="Today" ng-model="dateRangePicker.date" />
</div>

<div class="col-8 mt-2">
<label>User</label>
<ui-select
autofocus-ui-select
ng-model="ClioUserReports.selected"
theme="select2"
close-on-selet="false"
tagging-label="false"
ng-change="getPageClioTimesheetReport(true)"

>
<ui-select-match allow-clear="false" placeholder="All Users">
{{$select.selected.first_name}} {{$select.selected.last_name}}
<small uib-tooltip="Clear" class="fa fa-times clear-button float-right mt-2"
ng-click="clearUiSelectClioUsers($event, $select)">
</small>
</ui-select-match>
<ui-select-choices
refresh="searchClioUser($select, {})"
refresh-delay="500"
repeat="user in search_clio_users track by user.id"
>
{{ user.first_name }} {{ user.last_name }}
</ui-select-choices>
</ui-select>
</div>

<div class="col-6 mt-2">
<label> Matter</label>
<ui-select
autofocus-ui-select
ng-model="ClioMatterReport.selected"
theme="select2"
close-on-selet="false"
tagging-label="false"
ng-change="getPageClioTimesheetReport(true)"
>
<ui-select-match allow-clear="false" placeholder="All Matters">
{{$select.selected.clio_display_number}}
<small uib-tooltip="Clear" class="fa fa-times clear-button float-right mt-2"
ng-click="clearUiSelectClioMatter($event, $select)">
</small>
</ui-select-match>
<ui-select-choices
refresh="searchClioMatters($select, {})"
refresh-delay="500"
repeat="matter in search_clio_matters track by matter.id"
>
{{ matter.clio_display_number }}
</ui-select-choices>
</ui-select>
</div>
<div class="col-3 mt-1 pt-4">
<button class="btn btn-primary btn-block mt-2" ng-click="getPageClioTimesheetReport(true)">
Filter
</button>
</div>
<div class="col-3 mt-1 pt-4">
<button class="btn btn-info btn-block mt-2" ng-click="buildViewReportClioExportUrl()">
Export
</button>
</div>

</div>



<div class="form-row mb-3" ng-show="ClioActivities.length > 0">
<p class="instruction-text">Result:</p>

<div class="col-12 mt-2">
<div class="search-simple">
<input type="text" class="form-control ng-pristine ng-untouched ng-valid ng-empty" ng-model="test" placeholder="Quick-Search" aria-invalid="false">
<span class="search-icon">
<i class="fas fa-search"></i>
</span>
</div>
</div>

<!-- Reports AssetTimeSheets -->
<div class="manage-content content col-12 page-listagem-core pr-0" style="overflow: auto;max-height:calc(100vh - 160px);margin-top: 10px;">
<div class="pb-3">
<!-- <table class="table table-striped colorDark" when-scrolled="getPageTimesheetReport()"> -->
<table class="table table-striped colorDark">
<thead class="light">
<tr>
<th scope="col" >User</th>
<th scope="col">Where</th>
<th scope="col"></th>
<th scope="col">Due At</th>
<th scope="col">HH:MM</th>
<th scope="col">Description/Note</th>
</tr>
</thead>

<tbody>
<!-- <tr ng-repeat="result in timeSpent | filter:test" ng-cloak> -->
<tr ng-repeat="result in ClioActivities | filter:test" ng-cloak>
<td scope="row" class="center">
<div
class="user-avatar user-avatar-list raio-40 mr-2"
ng-class="::$root.getRandomAvatarBackground($index)"
title="{{ result.user.name || result.user.initials }}"
style="background-image:url({{ result.user.avatar }});"
>
<span ng-show="!result.user.avatar">
{{ result.user.name[0] || result.user.initials }}
</span>
</div>
</td>
<td>
<div ng-switch="result.timesheetable_type">
<span ng-switch-when="App\Contact">
<i class="fas fa-user bg-greenF circle-20" title="Contact"></i>
</span>
<span ng-switch-when="App\Matter">
<i class="fas fa-suitcase bg-blue circle-20" title="Matter"></i>
</span>
<span ng-switch-when="App\AssetTask">
<i class="fas fa-check-square bg-purple circle-20" title="Task"></i>
</span>
<span ng-switch-when="App\Sources\Clio\AssetClioTask">
<i class="far fa-tasks-alt bg-purple circle-20" title="Clio Task"></i>
</span>
<span ng-switch-when="App\Card">
<i class="far fa-sticky-note bg-greenlb circle-20" title="Card"></i>
</span>
<div ng-switch-default>
<span>
<i class="fas fa-suitcase bg-blue circle-20" title="Matter"></i>
</span>
</div>
</div>
</td>
<td></td>
<td>{{ result.date || result.created_at | amDateFormat: "YYYY/MM/DD"}}</td>
<td>{{ (result.rounded_quantity | secondsToTime) || result.time || "0:00" }}</td>
<td>{{ result.note || result.description | removeHTMLTags }}</td>
</tr>
</tbody>
</table>

</div>
</div>
<!-- End AssetTimeSheets -->

</div>
<div class="mt-5 w-100 text-center" ng-show="ClioActivities.length === 0">
<img src="https://app.legalboards.io/img/no-timeentry-report.png" width="50%" />
</div>
</div><!-- content -->

</div>
<div
id="matter-reports"
class="slide-in-contaniner edit-profile-slide third-level2"
style="max-width: 750px; left: 370px;"
> <!-- style="max-width: 450px; left: 620px; z-index: 70;" -->
<button
class="btn-link btn-hide-slider"
onclick="$('.edit-profile-slide').removeClass('show');$('.report-btn').removeClass('active');"
>
<i class="fas fa-times"></i>
</button>

<div class="slide-in-content">
<h3 class="mt-2">Matter</h3>
<div class="form-row mb-4">

<div class="col-12 mt-2">
<p class="instruction-text pl-0">Filter By:</p>
</div>

<div class="col-6 mt-2">
<label>Date</label>
<input date-range-picker type="text" name="daterange" class="form-control p-0 pl-2 date-picker" placeholder="Today" ng-model="dateRangePicker.date" />
</div>

<div class="col-6 mt-2">
<label>Limitation Date</label>
<div class="datepicker-container">
<input
type="text"
placeholder="mm/dd/yyyy"
class="form-control datepicker"
autocomplete="off"
name="dateRangePicker.status_date"
ng-model="dateRangePicker.status_date"
/>
<span class="datepicker-icon"
><i class="fas fa-caret-down"></i
></span>
</div>
</div>

<div class="col-4 mt-2" ng-if="::$root.hasAsset('Clio')">
<label> Client</label>
<ui-select
autofocus-ui-select
ng-model="filterMatterReport.client"
theme="select2"
close-on-selet="false"
name="filterMatterReport.client"
ng-click="filterMatterReport.client.type = filterMatterReport.client.sourceType;"
>
<ui-select-match
allow-clear
placeholder="Client"
>
{{
filterMatterReport.client.first_name
}}
{{ filterMatterReport.client.last_name }}
</ui-select-match>
<ui-select-choices
refresh="clioSearchContactsAndUsers($select, {email_only: true})"
refresh-delay="1000"
repeat="client in clio_search_contacts_and_users track by $index"
group-by="'sourceType'"
>
{{ client.first_name }} {{
client.last_name
}}
</ui-select-choices>
</ui-select>
</div>

<div class="col-4 mt-2" ng-if="::$root.hasAsset('Clio')">
<label> Responsible</label>
<ui-select
autofocus-ui-select
ng-model="filterMatterReport.responsible"
theme="select2"
close-on-selet="false"
name="filterMatterReport.responsible"
ng-click="filterMatterReport.responsible.type = filterMatterReport.responsible.sourceType;"
>
<ui-select-match
allow-clear
placeholder="Responsible"
>
{{
filterMatterReport.responsible.first_name
}}
{{ filterMatterReport.responsible.last_name }}
</ui-select-match>
<ui-select-choices
refresh="clioSearchContactsAndUsers($select, {email_only: true})"
refresh-delay="1000"
repeat="user_contact in clio_search_contacts_and_users track by $index"
group-by="'sourceType'"
>
{{ user_contact.first_name }} {{
user_contact.last_name
}}
</ui-select-choices>
</ui-select>
</div>

<div class="col-4 mt-2" ng-if="::$root.hasAsset('Clio')">
<label> Originating</label>
<ui-select
autofocus-ui-select
ng-model="filterMatterReport.originating"
theme="select2"
close-on-selet="false"
name="filterMatterReport.originating"
ng-click="filterMatterReport.originating.type = filterMatterReport.originating.sourceType;"
>
<ui-select-match
allow-clear
placeholder="Originating"
>
{{
filterMatterReport.originating.first_name
}}
{{ filterMatterReport.originating.last_name }}
</ui-select-match>
<ui-select-choices
refresh="clioSearchContactsAndUsers($select, {email_only: true})"
refresh-delay="1000"
repeat="user_contact in clio_search_contacts_and_users track by $index"
group-by="'sourceType'"
>
{{ user_contact.first_name }} {{
user_contact.last_name
}}
</ui-select-choices>
</ui-select>
</div>

<div class="col-12 mt-2" ng-if="::$root.hasAsset('Clio')">
<label>Practice Area</label>
<ui-select
autofocus-ui-select
ng-model="filterMatterReport.area"
name="filterMatterReport.area"
theme="select2"
class="multipleFind"
multiple
on-select="OnClickSelect($item)" on-remove="OnRemoveSelect($item)"
>
<ui-select-match allow-clear placeholder="Click here to add more">
{{ $item.name }}
</ui-select-match>
<ui-select-choices
refresh="clioSearchMatterArea($select)"
refresh-delay="1000"
repeat="area in search_matter_area"
>
{{ area.name }}
</ui-select-choices>
<ui-select-no-choice>
No area found, please type the area name and hit enter to create a new one.
</ui-select-no-choice>
</ui-select>
</div>


<div class="col-4 mt-2" ng-if="::$root.hasAsset('Legalboards')">
<label> Client</label>
<ui-select
autofocus-ui-select
ng-model="filterMatterReport.client"
theme="select2"
close-on-selet="false"
name="filterMatterReport.client"
ng-click="filterMatterReport.client.type = filterMatterReport.client.sourceType;"
>
<ui-select-match
allow-clear
placeholder="Client"
>
{{
filterMatterReport.client.first_name
}}
{{ filterMatterReport.client.last_name }}
</ui-select-match>
<ui-select-choices
refresh="searchContacts($select, {})"
refresh-delay="1000"
repeat="client in search_contacts"
>
{{ client.first_name }} {{
client.last_name
}}
</ui-select-choices>
</ui-select>
</div>

<div class="col-4 mt-2" ng-if="::$root.hasAsset('Legalboards')">
<label> Responsible</label>
<ui-select
autofocus-ui-select
ng-model="filterMatterReport.responsible"
theme="select2"
close-on-selet="false"
name="filterMatterReport.responsible"
>
<ui-select-match
allow-clear
placeholder="Responsible"
>
{{
filterMatterReport.responsible.first_name
}}
{{ filterMatterReport.responsible.last_name }}
</ui-select-match>
<ui-select-choices
repeat="user in account_users | filter:$select.search track by $index"
>
{{ user.first_name }} {{
user.last_name
}}
</ui-select-choices>
</ui-select>
</div>

<div class="col-4 mt-2" ng-if="::$root.hasAsset('Legalboards')">
<label> Originating</label>
<ui-select
autofocus-ui-select
ng-model="filterMatterReport.originating"
theme="select2"
close-on-selet="false"
name="filterMatterReport.originating"
>
<ui-select-match
allow-clear
placeholder="Originating"
>
{{
filterMatterReport.originating.first_name
}}
{{ filterMatterReport.originating.last_name }}
</ui-select-match>
<ui-select-choices
repeat="user in account_users | filter:$select.search track by $index"
>
{{ user.first_name }} {{
user.last_name
}}
</ui-select-choices>
</ui-select>
</div>
<style>
.select2-chosen{
display: block !important;
}
</style>
<div class="col-12 mt-2" ng-if="::$root.hasAsset('Legalboards')">
<label>Practice Area</label>
<ui-select
autofocus-ui-select
ng-model="filterMatterReport.area"
name="filterMatterReport.area"
theme="select2"
class="multipleFind"
multiple
on-select="OnClickSelect($item)" on-remove="OnRemoveSelect($item)"
>
<ui-select-match allow-clear placeholder="Click here to add more">
{{ $item.name }}
</ui-select-match>
<ui-select-choices
refresh="coreSearchMatterArea($select)"
refresh-delay="1000"
repeat="area in search_matter_area"
>
{{ area.name }}
</ui-select-choices>
<ui-select-no-choice>
No area found, please type the area name and hit enter to create a new one.
</ui-select-no-choice>
</ui-select>
</div>

<div class="col-6 mt-2">
<div class="form-check">
<input
id="reports-matter-hide-archived-cards"
class="form-check-input"
type="checkbox"
name="filterMatterReport.hide_archived_cards"
ng-model="filterMatterReport.hide_archived_cards"
ng-false-value="0"
ng-true-value="1"
/>
<label
class="form-check-label"
for="reports-matter-hide-archived-cards"
>Hide Archived Cards</label>
</div>
</div>

<div class="col-3 mt-0 pt-4">
<button class="btn btn-primary btn-block mt-2" ng-click="getPageMatterReport(true)">
Filter
</button>
</div>
<div class="col-3 mt-0 pt-4">
<button class="btn btn-info btn-block mt-2" ng-click="buildViewMatterReportExportUrl()">
Export
</button>
</div>

</div>


<div class="form-row mb-3" ng-show="report_matters.length > 0">
<p class="instruction-text">Result:</p>

<div class="col-12 mt-2">
<div class="search-simple">
<input type="text" class="form-control ng-pristine ng-untouched ng-valid ng-empty" ng-model="searchReport" placeholder="Quick-Search" aria-invalid="false">
<span class="search-icon">
<i class="fas fa-search"></i>
</span>
</div>
</div>

<!-- <div class="manage-content content col-12 pr-0 mt-3"> -->
<div class="manage-content content col-12 page-listagem-core pr-0" style="overflow: auto;max-height:calc(100vh - 160px);">
<div class="pb-3">
<table class="table table-striped colorDark" when-scrolled="getPageMatterReport()">
<thead class="light">
<tr>
<th scope="col" class="pl-2" >Matter</th>
<th scope="col">Related Boards</th>
<th scope="col">Tasks</th>
<th scope="col">Overdue Tasks</th>
<th scope="col">Last Movement</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="result in report_matters | filter:searchReport" ng-cloak>
<td scope="row" class="pl-2">
<ng-if ng-if="result.matter">
{{ result.matter.number }}
</ng-if>

<ng-if ng-if="!result.matter">
{{ result.clio_display_number }}
</ng-if>
</td>

<td>
{{ result.related_boards }}
</td>
<td>
{{ result.doneTasks + result.doneClioTasks }}
</td>

<td>
{{ result.overdueTasks + result.overdueClioTasks }}
</td>

<td>
{{ result.last_moved_at | amTimeAgo }}
</td>

</tr>
</tbody>
</table>

</div>
</div>
</div>
<div class="mt-5 w-100 text-center" ng-show="report_matters.length === 0">
<img src="https://app.legalboards.io/img/no-matter-report.png" width="50%" />
</div>
</div><!-- content -->

</div>
<div
id="tasks-reports"
class="slide-in-contaniner edit-profile-slide third-level2"
style="max-width: 750px; left: 370px;"
> <!-- style="max-width: 450px; left: 620px; z-index: 70;" -->
<button
class="btn-link btn-hide-slider"
onclick="$('.edit-profile-slide').removeClass('show');$('.report-btn').removeClass('active');"
>
<i class="fas fa-times"></i>
</button>

<div class="slide-in-content">
<h3 class="mt-2">Tasks</h3>
<div class="form-row mb-3">
<div class="col-12 mt-2">
<p class="instruction-text pl-0">Filter By:</p>
</div>
<div class="col-12 mt-2" ng-if="$root.hasAsset('Clio') && $root.hasAsset('Legalboards')">
<select class="from-control" ng-model="isClio" ng-change="typeSelected()">
<option value="true">Clio</option>
<option value="false">Core</option>
</select>
</div>
<div class="col-4 mt-2">
<label>Creation Date</label>
<input date-range-picker type="text" name="daterange" class="form-control p-0 pl-2 date-picker" placeholder="All" ng-model="dateRangePicker.date" max="dateRangePicker.date.endDate" />
</div>

<div class="col-4 mt-2">
<label>Due Date</label>
<input date-range-picker type="text" name="due_daterange" class="form-control p-0 pl-2 date-picker" placeholder="All" ng-model="dateRangePicker.due_date" max="dateRangePicker.due_date.endDate" />
</div>

<div class="col-4 mt-2">
<label>Status Date</label>
<div class="datepicker-container">
<input
type="text"
placeholder="mm/dd/yyyy"
class="form-control datepicker"
autocomplete="off"
name="dateRangePicker.status_date"
ng-model="dateRangePicker.status_date"
/>
<span class="datepicker-icon"
><i class="fas fa-caret-down"></i
></span>
</div>
</div>

<div class="col-4 mt-2" ng-if="::$root.hasAsset('Clio')">
<label> Status</label>
<ui-select
autofocus-ui-select
ng-model="filterTaskReport.status"
theme="select2"
close-on-selet="false"
name="filterTaskReport.status"
ng-click="filterTaskReport.status.type = filterTaskReport.status.sourceType;"
>
<ui-select-match
allow-clear
placeholder="Status"
>
{{ filterTaskReport.status.name }}
</ui-select-match>
<ui-select-choices
refresh="clioSearchStatus($select, {email_only: true})"
refresh-delay="1000"
repeat="task_status in task_statuses track by $index"
group-by="'sourceType'"
>
{{ task_status.name }}
</ui-select-choices>
</ui-select>
</div>

<div class="col-4 mt-2" ng-if="::$root.hasAsset('Legalboards')">
<label> Status</label>
<ui-select
autofocus-ui-select
ng-model="filterTaskReport.status"
theme="select2"
close-on-selet="false"
name="filterTaskReport.status"
ng-click="filterTaskReport.status.type = filterTaskReport.status.sourceType;"
>
<ui-select-match
allow-clear
placeholder="Status"
>
{{ filterTaskReport.status.name }}
</ui-select-match>
<ui-select-choices
refresh="searchStatus($select, {email_only: true})"
refresh-delay="1000"
repeat="task_status in task_statuses"
>
{{ task_status.name }}
</ui-select-choices>
</ui-select>
</div>

<div class="col-4 mt-2" ng-if="::$root.hasAsset('Clio')">
<label> Assignee</label>
<ui-select
autofocus-ui-select
ng-model="filterTaskReport.assignee"
theme="select2"
close-on-selet="false"
name="filterTaskReport.assignee"
ng-click="filterTaskReport.assignee.type = filterTaskReport.assignee.sourceType;"
>
<ui-select-match
allow-clear
placeholder="Assignee"
>
{{
filterTaskReport.assignee.first_name
}}
{{ filterTaskReport.assignee.last_name }}
</ui-select-match>
<ui-select-choices
refresh="clioSearchContactsAndUsers($select, {email_only: true})"
refresh-delay="1000"
repeat="client in clio_search_contacts_and_users track by $index"
group-by="'sourceType'"
>
{{ client.first_name }} {{
client.last_name
}}
</ui-select-choices>
</ui-select>
</div>

<div class="col-4 mt-2" ng-if="::$root.hasAsset('Legalboards')">

<label> Assignee</label>
<ui-select
autofocus-ui-select
ng-model="filterTaskReport.assignee"
theme="select2"
close-on-selet="false"
name="filterTaskReport.assignee"
>
<ui-select-match
allow-clear
placeholder="Assignee"
>
{{
filterTaskReport.assignee.first_name
}}
{{ filterTaskReport.assignee.last_name }}
</ui-select-match>
<ui-select-choices
repeat="client in account_users | filter: $select.search"
>
{{ client.first_name }} {{
client.last_name
}}
</ui-select-choices>
</ui-select>
</div>

<div class="col-4 mt-2" ng-if="::$root.hasAsset('Clio')">
<label> Reporter</label>
<ui-select
autofocus-ui-select
ng-model="filterTaskReport.reporter"
theme="select2"
close-on-selet="false"
name="filterTaskReport.reporter"
ng-click="filterTaskReport.reporter.type = filterTaskReport.reporter.sourceType;"
>
<ui-select-match
allow-clear
placeholder="Reporter"
>
{{
filterTaskReport.reporter.first_name
}}
{{ filterTaskReport.reporter.last_name }}
</ui-select-match>
<ui-select-choices
refresh="clioSearchContactsAndUsers($select, {email_only: true})"
refresh-delay="1000"
repeat="client in clio_search_contacts_and_users track by $index"
group-by="'sourceType'"
>
{{ client.first_name }} {{
client.last_name
}}
</ui-select-choices>
</ui-select>
</div>

<div class="col-4 mt-2" ng-if="::$root.hasAsset('Legalboards')">
<label> Reporter</label>
<ui-select
autofocus-ui-select
ng-model="filterTaskReport.reporter"
theme="select2"
close-on-selet="false"
name="filterTaskReport.reporter"
>
<ui-select-match
allow-clear
placeholder="Reporter"
>
{{
filterTaskReport.reporter.first_name
}}
{{ filterTaskReport.reporter.last_name }}
</ui-select-match>
<ui-select-choices
repeat="client in account_users | filter:{first_name:$select.search}"
>
{{ client.first_name }} {{
client.last_name
}}
</ui-select-choices>
</ui-select>
</div>

<div class="col-6 mt-2" ng-if="::$root.hasAsset('Clio')">
<label> Matter</label>
<ui-select
autofocus-ui-select
ng-model="ClioMatterTaskReport.selected"
theme="select2"
close-on-selet="false"
tagging-label="false"
ng-change="getPageTasksReport(true)"
>
<ui-select-match allow-clear="false" placeholder="All Matters">
{{$select.selected.clio_display_number}}
<small uib-tooltip="Clear" class="fa fa-times clear-button float-right mt-2"
ng-click="clearUiSelectClioMatterTask($event, $select)">
</small>
</ui-select-match>
<ui-select-choices
refresh="searchClioMatters($select, {})"
refresh-delay="500"
repeat="matter in search_clio_matters track by matter.id"
>
{{ matter.clio_display_number }}
</ui-select-choices>
</ui-select>
</div>

<div class="col-6 mt-2" ng-if="::$root.hasAsset('Legalboards')">
<label> Matter</label>
<ui-select
autofocus-ui-select
ng-model="MatterTaskReport.selected"
theme="select2"
close-on-selet="false"
tagging-label="false"
ng-change="getPageTasksReport(true)"
>
<ui-select-match allow-clear="false" placeholder="Matter Number">
{{$select.selected.number}}
<small uib-tooltip="Clear" class="fa fa-times clear-button float-right mt-2"
ng-click="clearUiSelectMatterTask($event, $select)">
</small>
</ui-select-match>
<ui-select-choices
refresh="searchMatters($select, {})"
refresh-delay="500"
repeat="matter in search_matters track by matter.id"
>
{{ matter.number }}
</ui-select-choices>
</ui-select>
</div>




<div class="col-3 mt-0 pt-4">
<button class="btn btn-primary btn-block mt-2" ng-click="getPageTasksReport(true)">
Filter
</button>
</div>
<div class="col-3 mt-0 pt-4">
<button class="btn btn-info btn-block mt-2" ng-click="buildViewTasksReportExportUrl()">
Export
</button>
</div>

</div>


<div class="form-row mb-3" ng-show="report_tasks.length > 0">
<p class="instruction-text">Result:</p>

<div class="col-12 mt-2">
<div class="search-simple">
<input type="text" class="form-control ng-pristine ng-untouched ng-valid ng-empty" ng-model="searchReport" placeholder="Quick-Search" aria-invalid="false">
<span class="search-icon">
<i class="fas fa-search"></i>
</span>
</div>
</div>

<!-- <div class="manage-content content col-12 pr-0 mt-3"> -->
<div class="manage-content content col-12 page-listagem-core pr-0" style="overflow: auto;max-height:calc(100vh - 160px);margin-top: 10px;">
<div class="pb-3">
<table class="table table-striped colorDark" when-scrolled="getPageTasksReport()">
<thead class="light">
<tr>
<th scope="col" class="pl-2" >Title</th>
<th scope="col">Assignee</th>
<th scope="col">Reporter</th>
<th scope="col">Status</th>
<th scope="col">Matter</th>
<th scope="col">Total Time Spend</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="result in report_tasks | filter:searchReport" ng-cloak>

<td style="max-width: 300px">
{{ result.task_name }}
</td>
<td scope="row" class="center">
<div
class="user-avatar user-avatar-list raio-40 mr-2"
title="{{ result.assignee_user.name || result.assignee_user.initials }}"
style="background-image:url({{ result.assignee_user.avatar }});"
>
<span ng-show="!result.user.avatar">
{{ result.assignee_user.name[0] || result.assignee_user.initials }}
</span>
</div>
</td>
<td scope="row" class="center">
<div
class="user-avatar user-avatar-list raio-40 mr-2"
title="{{ result.assigner_user.name || result.assigner_user.initials }}"
style="background-image:url({{ result.assigner_user.avatar }});"
>
<span ng-show="!result.user.avatar">
{{ result.assigner_user.name[0] || result.assigner_user.initials }}
</span>
</div>
</td>
<td>
{{ result.status_name }}
</td>

<td>
{{ result.matter_number }}
</td>

<td>
{{ result.time_logged_in_mins }}
</td>

</tr>
</tbody>
</table>

</div>
</div>
</div>
<div class="mt-5 w-100 text-center" ng-show="report_tasks.length === 0 && loadingMorePaginate == false">
<!--
<img src="https://app.legalboards.io/img/no-matter-report.png" width="50%" />
-->
<h5>No results found.</h5>
</div>
</div><!-- content -->

</div>
</ng-if>
</section>

<!-- Start of HubSpot Embed Code -->
<script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/6875199.js"></script>
<!-- End of HubSpot Embed Code -->

<div id="dashboard-content">
<section ng-controller="BoardController as BoardController" ng-cloak>
<div ng-show="$root.loadingBoard" style="
position: fixed;
top: 0;
width: 100%;
height: 100%;
background: #ffffffd1;
z-index: 100002;
">
<h1 style="
position: absolute;
top: 40%;
width: 100%;
text-align: center;
">
<img class="collapsed" width="100px" src="https://app.legalboards.io/img/loading.gif" />
</h1>
</div>

<!-- Notice START -->
<div class="payment-notice text-center" id="payment-notice" style="display: none;">

<ng-if ng-if="['pending', 'canceling'].indexOf($root.accountStatus.status) > -1">
You have
<strong>
<span id="account-days-left"></span>
</strong>
<span ng-if="$root.accountStatus.status === 'pending'">left to use Legalboards for free!</span>
<span ng-if="$root.accountStatus.status === 'canceling'">left to use Legalboards!</span>
<a href="https://app.legalboards.io/account/plans">Activate it now</a>
and remove this alert.

</ng-if>
<ng-if ng-if="$root.accountStatus.status == 'past_due'">
PAST DUE
</ng-if>

</div>
<!-- Notice END -->

<!-- Notice START -->
<div class="payment-notice text-center" id="limit-notice" style="display: none;">
<span></span>
<a href="https://app.legalboards.io/account/plans">Upgrade now</a>
</div>
<!-- Notice END -->
<!-- Top dropdown menu S T A R T -->
<div class="bg-white dashboard-head manage-header board-index-head">
<div class="dropdown">
<h4 id="dDrop" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" ng-cloak style="width: auto;margin-top: -3px;">
<p class="board-name-ellipsis"><i class="fas fa-th boardMenu mr-3"></i>{{ activeBoard.name }}</p>
</h4>

<div class="d-inline-block ml-4 py-2 d-none filter-header" style="margin-top: -12px;">
<i class="fa-regular fa-filter colorLight float-left" title="Advanced Filters" title-direction="bottom" ng-click="openFilters()"></i>
<span class="badge badge-warning" ng-if="!!searchAssignee || !!searchLabels || keywords2.key.length > 0 || customFieldResponsibleAttorneysList.length > 0">
</span>
</div>


<div class="d-inline-block py-2 d-none search-header" style="width: 100%; margin-top: -12px;">

<i ng-if="::hasAnyRole(['member', 'admin'])" class="fal fa-pencil colorLight float-left" title="Edit this board" title-direction="bottom" ng-click="manageBoard(activeBoard)"></i>

<i ng-click="toggleBoardView()" title="Toggle board view" title-direction="bottom" ng-class="{
'fa-regular fa-table-columns': boardView == 'list',
'fa-solid fa-list': boardView == 'board',
}" class="far colorLight float-left">
</i>

<div class="d-block-inline search-conta text-left ml-1 mt-0 float-left" style="min-width: 170px; position: relative">
<input type="text" class="form-control search-board p-2" name="search" placeholder="Search..." ng-model="searchBoardCards" ng-model-options="{ debounce: 1000 }" ng-change="filterListCards()" aria-label="Search" aria-describedby="search" ng-cloak />
<i class="search-board-icon-clear fas fa-times" ng-click="searchBoardCards = ''; filterListCards()"></i>
<i class="search-board-icon fa-solid fa-magnifying-glass"></i>
</div>
</div>

<div class="dropdown-menu" aria-labelledby="dDrop">

<div class="mt-5 scroll-boardlist">

<a href="" class="btn btn-light btn-block" ng-class="{ active: board.id === activeBoard.id }" ng-repeat="board in boards | orderBy:'name' track by board.id" ng-click="setBoardActive(board)" ng-cloak>
<span class="board-name">{{ board.name }}</span>
<span
class="plus-user user-avatar user-avatar-list raio-20"
ng-class="::$root.getRandomAvatarBackground($index)"
ng-show="board.users.length > 3">
<i class="fas fa-plus plus-dash"></i>
</span>
<ng-repeat
ng-repeat="(keyMember, member) in board.users | limitTo:3 track by keyMember"
class="users-baord"
ng-cloak
>
<div
class="user-avatar user-avatar-list raio-20"
ng-class="::$root.getRandomAvatarBackground($index)"
style="background-image:url({{
member.user.avatar
}});">
<span ng-show="!member.user.avatar">{{ member.user.initials }}</span>
</div>
</ng-repeat>
</a>

<hr />

<ng-if ng-if="::!hasAnyRole('viewer')">
<a href="https://app.legalboards.io/boards/new" class="link btn bg-green">
<!-- <i class="fas fa-plus"></i> -->
<img src="https://app.legalboards.io/svg/plus.svg" alt="Plus">
New Board
</a>
<a href="" class="link btn btn-secondary gallery-content" ng-click="openBoardTemplateGallery()">
<!-- <i class="fas fa-columns"></i> -->
<img src="https://app.legalboards.io/svg/grid-2-plus.svg" alt="Plus">

Gallery Boards
</a>
</ng-if>
</div>
</div>
</div>

<div class="account-details d-none d-md-block text-right">
<div class="btn-group btn-group-toggle" data-toggle="buttons">
<button class="btn btn-sm btn-purple bg-purple py-1 ml-2" style="border-right:1px solid #fff;" ng-if="::hasAnyRole(['member', 'admin'])" ng-click="openAutomations(true)">
<i class="fa-regular fa-plus color-white"></i>
</button>
<button class="btn btn-sm btn-purple bg-purple p-2 ml-0" ng-if="::hasAnyRole(['member', 'admin'])" ng-click="openAutomations()">
<span class="color-white">
<i
ng-if="activeBoard.run_automations"
class="fa-regular fa-wand-magic-sparkles mr-2">
</i>
<i
ng-if="!activeBoard.run_automations"
class="fas fa-exclamation-triangle mr-2"
title="Automations are paused"
></i>
My Automations
</span>

</button>
</div>
<h5 class="pt-1 members-header">
<ng-repeat
ng-repeat="member in activeBoard.members | limitTo:3 track by member.id"
ng-cloak
>
<div
class="user-avatar user-avatar-list raio-40"
ng-class="::$root.getRandomAvatarBackground($index)"
style="background-image:url({{ ::member.user.avatar }});"
>
<span class="" ng-show="::!member.user.avatar">
{{ ::member.user.initials }} {{ }}
</span>
</div>
</ng-repeat>
<div
class="plus-user user-avatar user-avatar-list raio-40 py-0"
ng-show="activeBoard.members.length > 3"
style="padding-left: 15px !important;"
>
<span>
<i class="fal fa-plus"></i>
</span>
</div>

</h5>

<a href="" class="link">
<img class="expand user-data-account-logo" style="display: none" src="{{ url('img/logo-expand.svg') }}" />
<span class="user-data-account-name"></span>
</a>
</div>
</div>
<!-- Top dropdown menu E N D -->
<!-- card container S T A R T -->
<div
class="content content-main manage-content main-card-board"
ng-class="{'mt-5': $root.contentNeedsTopMargin}"
style="max-height: 100%"
ng-if="boardView === 'board'"
>
<div
class="scope-container scroll_height"
ng-style="{'height': $root.contentNeedsTopMargin ? 'calc(100% - 138px)' : '100%'}"
>
<div class="card-scope" id="card-scope">
<div class="scale" ui-sortable="sortableScaleOptions" ng-model="lists" style="overflow: auto">
<div ng-cloak class="mt-5 text-center" ng-if="lists && lists.length == 0" style="width: 100%; position: absolute">
<img src="https://app.legalboards.io/img/no-colunms.png" width="40%" />
</div>
<!-- CARD START -->
<div class="card-container" ng-if="lists && lists.length > 0" ng-repeat="list in lists track by list.id" ng-cloak ng-mousedown="handleClickOnSortableList($event)" ng-class="{
'not-sortable': hasAnyRole('viewer') || !canEditColumn()
}" ng-style="!!list.border_color && {
'border-top-width':'4px',
'border-top-style':'solid',
'border-top-color': list.border_color,
'margin-top': '-4px'
}">

<div class="dropdown list-delete" style="float: right !important;" ng-if="::!hasAnyRole('viewer')">
<span data-toggle="dropdown" aria-haspopup="false" aria-expanded="true" ng-cloak>
<i class="fas fa-sort-down"></i>
</span>
<div class="dropdown-menu list-dropdown p-0" style="width: 300px;">
<!-- MAKE SURE TO GIVE UNIQUE ID FOR EACH TAB AND BUTTON -->
<div class="card-option-list">
<!-- <div class="tab-content" id="pills-tabContent-{{list.id}}">
<div class="tab-pane fade p-2 show active tab-pane-list-actions" role="tabpanel">
<p class="mt-3 mb-3 text-md" style="color: #212529;">
<strong>List Actions</strong>
</p>

</div>
</div> -->
<ul class="nav nav-pills mb-0" id="pills-tab-{{list.id}}" role="tablist">
<li class="nav-item" ng-if="::canEditColumn()">
<a class="nav-link mb-0" ng-click="showListForm('#list-edit-' + list.id)"><i class="fa-regular fa-pen"></i></a>
<span
ng-click="showListForm('#list-edit-' + list.id)"
> Edit Column
</span>
<div class="tab-pane p-2 list-toggle-options" id="list-edit-{{list.id}}" style="display: none;"
>
<div class="edit-column row align-items-center mx-0">
<div class="col-12 pl-0 mx-0">
<form
name="formEditList"
>
<div class="row my-1 ml-0">
<label><small>Title</small></label>
<input
type="text"
name="name"
ng-model="list.name"
placeholder="Column"
required
ng-blur="editList(list); closeEditList('#list-edit-' + list.id)"
/>
<label
class="error"
ng-show="formEditList.name.$error.required">
This field is required.
</label>
</div>
<div class="row my-1 ml-0">
<label><small>Border Color</small></label>
<input type="color" name="border_color" ng-model="list.border_color" class="py-0" placeholder="List border color" ng-change="editList(list)" ng-model-options="{ debounce: 1000 }" />
</div>

<div class="row my-1 ml-0">
<label><small>Description</small></label>
<textarea
type="text"
name="description"
ng-model="list.description"
placeholder="List description"
ng-blur="editList(list);"
rows="3"
></textarea>
</div>
<div class="row my-1 ml-0">
<label><small>Limit Cards</small></label>
<input
type="number"
name="card_limit"
ng-model="list.card_limit"
placeholder="Card Limit"
ng-blur="editList(list);"
/>
</div>
<div class="row mt-2 mb-1 ml-0">
<button class="close-dropdown btn btn-sm bg-btn-green" >Save</button>
<div>
</form>
</div>

<button type="button" class="btn bg-btn-green-vazado w-100" ng-click="list.border_color = ''" ;>
Clear
</button>
</div>


</form>
</div>



</div>
</div>
</li>
<li class="nav-item" ng-if="::$root.hasAnyRole('admin') || ($root.hasAnyRole('member') && isBoardOwner(AuthUser.account_user.id,activeBoard.teams))">
<a class="nav-link mb-0" ng-click="showListForm('#list-delete-' + list.id)"><i class="fa-regular fa-trash"></i></a>
<span ng-click="showListForm('#list-delete-' + list.id)"> Delete Column</span>
<div class="tab-pane p-2 list-toggle-options" id="list-delete-{{list.id}}" style="display: none;">
<div class="row align-items-center mx-0" style="margin-left: 25px !important; margin-right: 25px !important;">
<div class="col-9 px-0 mx-0">
<span class="px-0 mx-0" style="line-height: 15px">Are you sure you want to delete this list?</span>
</div>
<div class="col-3 px-0 mx-0 text-center">
<button type="button" class="btn bg-btn-green-confirmar mb-0" ng-click="confirmDeleteList($index, list)"><i class="fas fa-check"></i></button>
<button type="button" class="btn bg-btn-green-vazado-deletar mb-0" ng-click="showListForm('#list-delete-' + list.id)"><i class="fas fa-times"></i></button>
</div>
</div>
</div>
</li>

<li
class="nav-item"
ng-click="loadListCards(list.id, {withFiled: (list.withFiled == 1 ? 0 : 1) })"
>
<a class="nav-link mb-0"><i class="fa-regular fa-archive"></i></a>
<span>
Hide/Show Archived
</span>
</li>
</ul>

<div class="p-2 mt-1 border-card" ng-if="canEditColumn()">
<p class="mt-3 mb-3 text-md"><strong>Order List</strong></p>
<div class="row align-items-center mt-2">
<div class="col-4">
<span style="color:#888">Order By</span>
</div>
<div class="col-8 last-move">
<select name="boarderOrderField" ng-model="boarderOrder.field" class="order-list">
<option value="last_moved_at" ng-selected="boarderOrder.field == 'last_moved_at'">Last Move</option>
<option value="limitation" ng-selected="boarderOrder.field == 'limitation'">Limitation Date</option>
<option value="client_name" ng-selected="boarderOrder.field == 'client_name'">Client Name</option>
<option value="last_name" ng-selected="boarderOrder.field == 'last_name'">Last Name</option>
<option value="matter_number" ng-selected="boarderOrder.field == 'matter_number'">Number Matter</option>
<option value="matter_open_date" ng-selected="boarderOrder.field == 'matter_open_date'">Open Case</option>
<option value="matter_pending_date" ng-selected="boarderOrder.field == 'matter_pending_date'" ng-if="::hasAsset('Clio')">Pending Date</option>
</select>
</div>
</div>

<div class=" py-2 align-items-center">
<div class="row ">
<div class="col-5">
<label class="radio-container mb-0" ng-click="boarderOrder.order = 'asc'">
<input type="radio" name="order" ng-model="boarderOrder.order" ng-checked="boarderOrder.order == 'asc'" value="asc" style="display: none;" />
<span class="checkmark"></span>
ASC
</label>
</div>
<div class="col-5">
<label class="radio-container mb-0" ng-click="boarderOrder.order = 'desc'">
<input type="radio" name="order" ng-model="boarderOrder.order" ng-checked="boarderOrder.order == 'desc'" value="desc" style="display: none;"/>
<span class="checkmark"></span>
DESC
</label>
</div>
</div>
<div class="col-5 pl-0 pt-4">
<button class="btn btn-sm btn-block text-uppercase bg-green btn-order" type="button" ng-click="reorderList(list)">Order</button>
</div>
</div>
</div>

</div><!-- card-option-list -->

</div>
</div>
<h4 class="board-list-name" style="cursor: move;">
<span class="pr-2 text-secondary float-left"><i class='fa fa-info-circle' ng-if="list.description" title="{{ list.description }}"></i></span>
{{ list.name }}
<small ng-if="list.cards_count > 0" class="float-right"><strong>({{
list.cards_count}})</strong></small>
<small ng-if="list.card_limit && (list.cards_count/list.card_limit)*100 > 69" class="float-right">
<i class='fad fa-signal-alt-1 text-warning' ng-if="(list.cards_count/list.card_limit)*100 > 69 && (list.cards_count/list.card_limit)*100 < 79" title="This column has reached {{ (list.cards_count/list.card_limit)*100}}% of its limit of: {{ list.card_limit }} cards."></i>
<i class='fad fa-signal-alt-2 text-warning' ng-if="(list.cards_count/list.card_limit)*100 > 79 && (list.cards_count/list.card_limit)*100 < 89" title="This column has reached {{ (list.cards_count/list.card_limit)*100}}% of its limit of: {{ list.card_limit }} cards."></i>
<i class='fad fa-signal-alt-3 text-warning' ng-if="(list.cards_count/list.card_limit)*100 > 89 && (list.cards_count/list.card_limit)*100 < 99" title="This column has reached {{ (list.cards_count/list.card_limit)*100}}% of its limit of: {{ list.card_limit }} cards."></i>
<i class="fas fa-exclamation-circle text-danger" style="font-size: 12px;" ng-if="list.card_limit && (list.cards_count/list.card_limit)*100 > 99" title="This column has reached {{ (list.cards_count/list.card_limit)*100}}% of its limit of: {{ list.card_limit }} cards."></i>
</small>
</h4>
<div class="card-scroll" when-scrolled="loadMoreCards(list)">
<div class="card-grid" ng-model="list.cards" ui-sortable="sortableCardOptions" data-list-id="{{::list.id}}">
<div class="card-margin"></div>
<div class="card" ng-repeat="card in list.cards track by $index " ng-click="card.isFake || (card.filed_at && $root.now.isAfter(card.filed_at)) || hasAnyRole('viewer') ? return : openViewCardModal(card)" ng-class="{
'card-matter':
card.matter_id &&
!card.contact_id,
'card-contact':
card.contact_id &&
!card.matter_id,
'card-note':
!card.matter_id &&
!card.contact_id,
'not-sortable': hasAnyRole(
'viewer'
) || card.isLoadingMove || card.pin_date,
'card-fake': card.isFake,
'card-archived': (card.filed_at && $root.now.isAfter(card.filed_at)) || card.isLoadingMove,
'card-viewer-cursor': hasAnyRole('viewer'),
'card-pinned': card.pin_date
}" id="card_id_{{::card.id}}">
<div class="pinned-card-content">
<i class="fas fa-map-pin"></i><span>Card Pinned</span>
</div>
<h5 class="card-title">
{{ card.title }}
<span class="card-actions-list-btn dropdown_card" id="open_dropdown_{{card.id}}" aria-haspopup="false" aria-expanded="true" ng-cloak ng-if="
(
!card.isFake &&
!(card.filed_at && $root.now.isAfter(card.filed_at))
) &&
(
hasAnyRole(['admin', 'member'])
)
" ng-click="$event.stopPropagation(); openDropdownEditCard(card.id)">
<i class="fas fa-ellipsis-v pl-2 pr-2 pb-1"></i>
</span>
<div class="dropdown-menu card-actions-list p-0 dropdown_card_menu" style="width: 220px;" id="open_dropdown_menu_{{card.id}}">
<h5 class="card-action-title">
Card Actions</h5>
<div class="d-flex flex-card" id="pills-tab-{{card.id}}">
<button class="btn" ng-click="$event.stopPropagation(); openEditCardModel(card, 'details')">
<i class="fa-regular fa-pen"></i>Edit Card
</button>
<button class="btn" ng-click="$event.stopPropagation(); archiveCard(card)">
<i class="fa-regular fa-archive"></i>Archive Card
</button>
<button ng-if="!card.pin_date" class="btn" ng-click="$event.stopPropagation(); setPinCard(card)">
<i class="fa-regular fa-map-pin"></i>Pin Card
</button>
<button ng-if="card.pin_date" class="btn" ng-click="$event.stopPropagation(); removePinCard(card)">
<i class="fa-regular fa-map-pin"></i>Remove Pin
</button>
<button class="btn" ng-click="$event.stopPropagation(); openEditCardModel(card, 'members')">
<i class="fa-regular fa-user"></i>Edit Members
</button>
<button class="btn" ng-click="$event.stopPropagation(); confirmDeleteCard(card)">
<i class="fa-regular fa-trash"></i>Delete Card
</button>
<button class="btn" ng-click="$event.stopPropagation(); copyCard(card)">
<i class="fa-regular fa-copy"></i>Duplicate
</button>
</div>
</div>
<i class="fal fa-undo float-right h6 font-weight-bold" title="Click here to unarchive this card" ng-click="$event.stopPropagation(); restoreArchivedCard(card)"
ng-if="
(card.filed_at && $root.now.isAfter(card.filed_at))
&&
hasAnyRole(['admin', 'member'])
">
</i>
<ng-show ng-show="card.subtitle">
<br />
<span>
{{ card.subtitle }}
</span>
</ng-show>
<ng-show ng-show="card.note">
<span class="card-details-preview" ng-bind-html="card.note | htmlToPlaintext | html"></span>
</ng-show>
</h5>
<div class="row pl-3 card-details" ng-if="!card.isFake">
<div class="mr-1 mb-2" ng-show="card.labels.length > 0" ng-repeat="label in card.labels track by label.id">
<span class="card-color text-truncate danger" ng-style="{
'background-color': label.color,
'color': $root.getLightOrDarkTextColor(label.color)
}" title="{{
label.value
}}">{{ label.value }}</span>
</div>
<div class="mr-3 mb-2" ng-repeat="count_preview in card.count_preview track by $index" title="{{
count_preview.tooltip
}}">
<i class="{{count_preview.class}}"></i>
<span>
{{count_preview.value}}
</span>
<span></span>
</div>
<div class="mr-3 mb-2" ng-if="
card.last_moved_at &&
(card.last_moved_at
| amUtc
| amLocal
| amDifference
: null
: 'days') *
-1 !=
0
" title="This card has been stopped here for {{
(card.last_moved_at
| amUtc
| amLocal
| amDifference
: null
: 'days') * -1
}}
days.">
{{
(card.last_moved_at
| amUtc
| amLocal
| amDifference
: null
: "days") * -1
}}

<ng-if ng-if="
card.last_moved_at &&
(card.last_moved_at
| amUtc
| amLocal
| amDifference
: null
: 'days') *
-1 ==
1
">
day
</ng-if>

<ng-if ng-if="
card.last_moved_at &&
(card.last_moved_at
| amUtc
| amLocal
| amDifference
: null
: 'days') *
-1 !==
1
">
days
</ng-if>
</div>

<div class="mr-3 mb-2" ng-if="
card.last_moved_at &&
(card.last_moved_at
| amUtc
| amLocal
| amDifference
: null
: 'days') *
-1 ==
0
" title="This card arrived here today!">
<span class="color-purple">New</span>
</div>

<ng-show ng-show="checkTimeRunningAutomation(card)" class="automacao-aviso mt-1" ng-click="$event.stopPropagation(); confirmDeleteAutomationControl(card, automation)">
<i class="fas fa-clock"></i>

{{
card.automations_running
.length
}}

<ng-show ng-show="
card.automations_running
.length == 1
">
Automation will be executed in up to 3 min. [Cancel]
</ng-show>
<ng-show ng-show="
card.automations_running
.length > 1
">
Automations will be executed in up to 3 min. [Cancel]
</ng-show>
</ng-show>
</div>

<div
class="add-users text-right"
ng-if="!card.isFake"
>
<ng-repeat
ng-repeat="(memberKey, member) in card.members | limitTo : 3 track by memberKey"
ng-cloak
>
<div
class="user-avatar user-avatar-list raio-30"
ng-class="::$root.getRandomAvatarBackground($index)"
title="{{
member.account_user.user
.first_name
}} {{
member.account_user.user
.last_name
}}" style="background-image:url({{
member.account_user.user
.avatar
}});">
<span class="" ng-show="
!member.account_user
.user.avatar &&
memberKey < 3
">{{
member.account_user
.user.initials
}}</span>
</div>
</ng-repeat>
<span class="plus-user user-avatar user-avatar-list raio-30" ng-show="
card.members.length > 3
"><i class="fal fa-plus"></i></span>
</div>
</div>
</div>

<div class="col-12 text-center" ng-show="list.loadingScroll">
<img src="https://app.legalboards.io/img/loading.gif" width="30%" />
</div>

<div class="col-12 text-center my-2" ng-if="!list.loadingScroll && (list.hasMore || list.hasMore === undefined) && list.cards_count >= 10">
<button class="btn btn-link" ng-click="loadMoreCards(list)">
Load More
</button>
</div>

<!-- Inject a select class for select2, it will remove the bottom padding of the card. Nothing more -->
<div class="add-new-card" ng-if="::!hasAnyRole('viewer')">
<div class="card select mt-0">
<ui-select autofocus-ui-select autofocus="true" ng-model="contactCase.selected" theme="select2" class="create-card" close-on-selet="true" on-select="
handlerContactOrCaseSelected(
contactCase,
list,
$select
)
" uis-open-close="onOpenClose(isOpen)">
<ui-select-match placeholder="New Card">
<div class="text-center w-100">
<img src="https://app.legalboards.io/img/loading.gif" width="30%" style="
margin-top: -17px;
" />
</div>
</ui-select-match>
<span ng-show="
$select.searchEnabled &&
$select.isEmpty()
" class="select2-chosen ng-binding ng-hide">New Card</span>
<ui-select-choices refresh="refreshContactCases($select.search)" refresh-delay="{{
$select.search.length <= 3
? 0
: 1000
}}" repeat="contact_case in contacts_cases track by $index" group-by="'type'">
{{:: contact_case.name }}
<ng-show ng-show="
contact_case.subtitle
">
- {{
::contact_case.subtitle
}}</ng-show>

<p class="small text-nowrap text-truncate pb-0 mb-0" ng-if="contact_case.note">
{{ contact_case.note }}
</p>
</ui-select-choices>
<ui-select-no-choice>
<div style="width: 100%" ng-show="
$select.search.length >
0 &&
loadingSearchCard
">
<div class="no-item-create board-card-search">
<h2>Wating</h2>
<i class="fad fa-search"></i>
<h4>Loading...</h4>
</div>
</div>
<div style="width: 100%" ng-show="
$select.search.length <
3 &&
$select.search.length !=
0
">
<span>You must enter at least 3 characters</span>
<div class="no-item-create board-card-search">
<h2>Search for...</h2>
<i class="fad fa-search"></i>
<p class="rotate-message-newcard" id="new-card-message_class_en"></p>
</div>
</div>
<div style="width: 100%" ng-show="
$select.search.length >=
3 &&
!loadingSearchCard &&
contacts_cases.length ===
0
">
</div>
<hr style="width: 250px; margin: 10px -10px; opacity:0.7;">
<div class="clearfix"></div>
<span style="font-size: 10px; font-weight: bold;color: #7689A2;">Or add a new one</span>
<div class="d-flex w-100">
<button ng-if="::$root.hasContactModule()" type="button" title="Create a new Contact" style="box-shadow: none;border-radius: 2px; min-width:31px;" class="btn btn-primary btn-sm bg-greenF bg-greenF_hover mr-2" ng-click="openNewContactModal(list.id, $select)">
<i class="fas fa-user p-0"></i>
<!-- Contact -->
</button>
<button type="button" ng-if="::$root.hasAsset('Legalboards')" title="Create a new Matter" style="box-shadow: none;border-color: #007bff !important;border-radius: 2px;min-width:31px;" class="btn btn-primary btn-sm bg-blue bg-blue_hover mr-2" ng-click="openNewCaseModal(list.id, $select)" style="border-color: ">
<i class="fas fa-suitcase p-0"></i>
<!-- Matter -->
</button>
<button type="button" title="Create a new Note" style="box-shadow: none;border-radius: 2px;min-width:31px;" class="btn btn-primary btn-sm btn-primary mr-2" ng-class="{'btn-block': !hasAsset('Legalboards') && !$root.hasContactModule()}" ng-click="openNoteForm(list.id, $select)">
<i class="fas fa-sticky-note p-0"></i>
<!-- Note -->
</button>
</div>
</ui-select-no-choice>
</ui-select>
</div>
</div>
</div>
</div>

<!-- CARD END -->

<div ng-if="canEditColumn()" class="card-container new-card-list" ng-class="{
shake:
((formNewList.name.$dirty ||
formNewList.$submitted) &&
formNewList.name.$error.required) ||
lists.length === 0
}">
<form class="new_list" name="formNewList" ng-submit="createList(list, formNewList)" novalidate>
<input type="text" name="name" ng-model="list.name" autocomplete="off" placeholder="Add a new column..." required />
<label style="width: 100%" ng-cloak class="error" ng-show="
(formNewList.name.$dirty ||
formNewList.$submitted) &&
formNewList.name.$error.required
">This field is required.</label>

<button type="submit" class="btn btn-primary btn-sm mb-3">
Add Column
</button>
</form>
</div>
</div>
</div>
</div>
</div>


<section
class="px-5 pb-5 pt-1 manage-content pt-5"
ng-class="{'mt-5 py-5': $root.contentNeedsTopMargin}"
id="list-view-wrapper"
ng-if="boardView === 'list'"
ui-sortable="sortableListViewColumnsOptions"
ng-model="lists"
>

<div class="list-container mb-3" ng-repeat="list in lists track by list.id" ng-cloak ng-mousedown="handleClickOnSortableList($event)" ng-class="{
'not-sortable': hasAnyRole('viewer')
}">
<h5 data-ng-attr-style="{{ !!list.border_color && 'color:' + list.border_color + '!important' }}"
class="mb-3" type="button"
data-toggle="collapse"
data-target="#listGroup-{{ list.id }}"
ng-click="list.isCollapsed = !list.isCollapsed"
>
<i class="fa-solid" ng-class="{
'fa-eye-slash': list.isCollapsed,
'fa-eye': !list.isCollapsed
}" style="margin-right: 10px;"></i>
{{ list.name }}

<div class="dropdown d-inline-block mt-0 mb-2 position-static" ng-if="::!hasAnyRole('viewer')" style="float: none !important; color:inherit !important; z-index:10 !important;">
<span data-toggle="dropdown" aria-haspopup="false" aria-expanded="true" ng-cloak>

<i class="fa-solid fa-sort-down" style="margin-left: 8px;"></i>
</span>

<div class="dropdown-menu list-dropdown p-0" style="width: 300px;">
<!-- MAKE SURE TO GIVE UNIQUE ID FOR EACH TAB AND BUTTON -->
<div class="card-option-list">
<ul class="nav nav-pills mb-0" id="pills-tab-{{list.id}}" role="tablist">
<li class="nav-item" ng-if="::canEditColumn()">
<a class="nav-link mb-0" ng-click="showListForm('#list-edit-' + list.id)"><i class="fa-regular fa-pen"></i></a>
<span
ng-click="showListForm('#list-edit-' + list.id)"
> Edit Column
</span>
<div class="tab-pane p-2 list-toggle-options" id="list-edit-{{list.id}}" style="display: none;"
>
<div class="edit-column row align-items-center mx-0">
<div class="col-12 pl-0 mx-0">
<form
name="formEditList"
>
<div class="row my-1 ml-0">
<label><small>Title</small></label>
<input
type="text"
name="name"
ng-model="list.name"
placeholder="Column"
required
ng-blur="editList(list); closeEditList('#list-edit-' + list.id)"
/>
<label
class="error"
ng-show="formEditList.name.$error.required">
This field is required.
</label>
</div>
<div class="row my-1 ml-0">
<label><small>Border Color</small></label>
<input type="color" name="border_color" ng-model="list.border_color" class="py-0" placeholder="List border color" ng-change="editList(list)" ng-model-options="{ debounce: 1000 }" />
</div>

<div class="row my-1 ml-0">
<label><small>Description</small></label>
<textarea
type="text"
name="description"
ng-model="list.description"
placeholder="List description"
ng-blur="editList(list);"
rows="3"
></textarea>
</div>
<div class="row my-1 ml-0">
<label><small>Limit Cards</small></label>
<input
type="number"
name="card_limit"
ng-model="list.card_limit"
placeholder="Card Limit"
ng-blur="editList(list);"
/>
</div>
<div class="row mt-2 mb-1 ml-0">
<button class="close-dropdown btn btn-sm bg-btn-green" >Save</button>
<div>
</form>
</div>

<button type="button" class="btn bg-btn-green-vazado w-100" ng-click="list.border_color = ''" ;>
Clear
</button>
</div>


</form>
</div>



</div>
</div>
</li>
<li class="nav-item" ng-if="::$root.hasAnyRole('admin') || ($root.hasAnyRole('member') && isBoardOwner(AuthUser.account_user.id,activeBoard.teams))">
<a class="nav-link mb-0" ng-click="showListForm('#list-delete-' + list.id)"><i class="fa-regular fa-trash"></i></a>
<span ng-click="showListForm('#list-delete-' + list.id)"> Delete Column</span>
<div class="tab-pane p-2 list-toggle-options" id="list-delete-{{list.id}}" style="display: none;">
<div class="row align-items-center mx-0" style="margin-left: 25px !important; margin-right: 25px !important;">
<div class="col-9 px-0 mx-0">
<span class="px-0 mx-0" style="line-height: 15px">Are you sure you want to delete this list?</span>
</div>
<div class="col-3 px-0 mx-0 text-center">
<button type="button" class="btn bg-btn-green-confirmar mb-0" ng-click="confirmDeleteList($index, list)"><i class="fas fa-check"></i></button>
<button type="button" class="btn bg-btn-green-vazado-deletar mb-0" ng-click="showListForm('#list-delete-' + list.id)"><i class="fas fa-times"></i></button>
</div>
</div>
</div>
</li>

<li class="nav-item" ng-click="loadListCards(list.id, {withFiled: 1})">
<a class="nav-link mb-0"><i class="fa-regular fa-archive"></i></a><span> Hide/Show Archived</span>
</li>
</ul>

<div class="p-2 mt-1 border-card" ng-if="canEditColumn()">
<p class="mt-3 mb-3 text-md"><strong>Order List</strong></p>
<div class="row align-items-center mt-2">
<div class="col-4">
<span style="color:#888">Order By</span>
</div>
<div class="col-8 last-move">
<select name="boarderOrderField" ng-model="boarderOrder.field" class="order-list">
<option value="last_moved_at" ng-selected="boarderOrder.field == 'last_moved_at'">Last Move</option>
<option value="limitation" ng-selected="boarderOrder.field == 'limitation'">Limitation Date</option>
<option value="client_name" ng-selected="boarderOrder.field == 'client_name'">Client Name</option>
<option value="last_name" ng-selected="boarderOrder.field == 'last_name'">Last Name</option>
<option value="matter_number" ng-selected="boarderOrder.field == 'matter_number'">Number Matter</option>
<option value="matter_open_date" ng-selected="boarderOrder.field == 'matter_open_date'">Open Case</option>
<option value="matter_pending_date" ng-selected="boarderOrder.field == 'matter_pending_date'" ng-if="::hasAsset('Clio')">Pending Date</option>
</select>
</div>
</div>

<div class=" py-2 align-items-center">
<div class="row ">
<div class="col-5">
<label class="radio-container mb-0" ng-click="boarderOrder.order = 'asc'">
<input type="radio" name="order" ng-model="boarderOrder.order" ng-checked="boarderOrder.order == 'asc'" value="asc" style="display: none;"/>
<span class="checkmark"></span>
ASC
</label>
</div>
<div class="col-5">
<label class="radio-container mb-0" ng-click="boarderOrder.order = 'desc'">
<input type="radio" name="order" ng-model="boarderOrder.order" ng-checked="boarderOrder.order == 'desc'" value="desc" style="display: none;"/>
<span class="checkmark"></span>
DESC
</label>
</div>
</div>
<div class="col-5 pl-0 pt-4">
<button class="btn btn-sm btn-block text-uppercase bg-green btn-order" type="button" ng-click="reorderList(list)">Order</button>
</div>
</div>
</div>

</div><!-- card-option-list -->

</div>
</div>
<!-- List option end -->
</h5>
<div class="list-table-wrapper collapse show" id="listGroup-{{ list.id }}" data-ng-attr-style="{{ !!list.border_color && 'border-color:' + list.border_color + '!important' }}">
<table class="table m-0">
<thead>
<th colspan="2">Title</th>
<th class="text-center">Members</th>
<th class="text-center">Days</th>
<th class="text-center">Labels</th>
<th style="min-width: 100px"></th>
</thead>
<tbody class="list-items" ng-model="list.cards" ui-sortable="sortableListViewCardOptions" data-list-id="{{::list.id}}">
<tr ng-repeat="card in list.cards track by $index" ng-click="card.isFake || (card.filed_at && $root.now.isAfter(card.filed_at)) || hasAnyRole('viewer') ? return : openViewCardModal(card)" ng-class="{
'border-matter':
card.matter_id &&
!card.contact_id,
'border-contact':
card.contact_id &&
!card.matter_id,
'border-note':
!card.matter_id &&
!card.contact_id,
'not-sortable': hasAnyRole(
'viewer'
) || card.isLoadingMove || card.pin_date,
'card-fake': card.isFake,
'card-archived': (card.filed_at && $root.now.isAfter(card.filed_at)) || card.isLoadingMove,
'card-viewer-cursor': hasAnyRole('viewer'),
'border-pinned': card.pin_date
}">
<td>
<strong>{{ card.title }} </strong>
<span>{{ card.subtitle }} - </span>
<span>{{ card.note | htmlToPlaintext | short }}</span>
</td>
<td style="width: 130px;">
<span class="mr-2 mb-2" ng-repeat="count_preview in card.count_preview track by $index" title="{{
count_preview.tooltip
}}">
<i class="{{count_preview.class}}"></i>
<span>
{{count_preview.value}}
</span>
</span>
</td>
<td style="width: 130px;">
<ul class="user-list text-center py-2">
<li ng-repeat="(memberKey, member) in card.members | limitTo : 3 track by memberKey" ng-cloak>
<div class="user-avatar user-avatar-list raio-30" title="{{
member.account_user.user
.first_name
}} {{
member.account_user.user
.last_name
}}" style="background-image:url({{
member.account_user.user
.avatar
}});">
<span class="" ng-show="
!member.account_user
.user.avatar &&
memberKey < 3
">{{
member.account_user
.user.initials
}}</span>
</div>
</li>
<li class="plus-user user-avatar user-avatar-list raio-30" ng-if="
card.members.length > 3
"><i class="fal fa-plus"></i>
</li>

</ul>
</td>
<td style="width: 130px;" class="text-center">
<ng-pluralize ng-if="card.last_moved_at" count="((card.last_moved_at
| amUtc
| amLocal
| amDifference
: null
: 'days') * -1)" when="{
'0': 'New',
'one': '1 day',
'other': '{} days'
}">
</ng-pluralize>
</td>
<td class="text-truncate text-center" style="width: 170px;">
<span ng-if="card.labels.length > 0" ng-repeat="label in card.labels track by label.id" class="badge badge-pill mx-2 d-inline-block" title="{{
label.value
}}" ng-style="{
'background-color':
label.color
}">{{ label.value }}</span>
</td>
<td>
<ng-if ng-if="(card|cardType) == 'matter'">
<ng-if ng-if="card.matter && card.matter.matter">
<ng-if ng-if="card.matter.matter.client">
Client: {{ card.matter.matter.client.full_name }}
</ng-if>
Open: {{ card.matter.matter.opening_at | amDateFormat: $root.momentFormat
}}
{{ card.matter.matter.practice_area.name
}}
Limiting: {{ card.matter.matter.limiting_at | amDateFormat:
$root.momentFormat }}
</ng-if>

<ng-if ng-if="card.matter && !card.matter.matter">
Client: {{ card.matter.clio_client_name }}
Open: {{ card.matter.clio_open_date | amDateFormat: $root.momentFormat }}
Due at: {{ card.matter.clio_due_at | amDateFormat: $root.momentFormat }}
</ng-if>
</ng-if>

<ng-if ng-if="(card|cardType) == 'contact'">
<ng-if ng-if="card.contact && card.contact.contact">
Phone: {{ card.contact.contact.phone }}
<ng-if ng-if="card.contact && card.contact.contact.company">
Company: {{ card.contact.contact.company.first_name }}
</ng-if>
<ng-for ng-if="card.contact.contact.addresses.length > 0">
Addresses:
<ng-repeat ng-repeat="address in card.contact.contact.addresses">
{{ address.name }}, {{ address.street }} - {{ address.city }}
<ng-if ng-if="!$last">, </ng-if>
</ng-repeat>
</ng-for>
</ng-if>
</ng-if>

<ng-if ng-if="(card|cardType) == 'note'">
{{ card.note | htmlToPlaintext | short }}
</ng-if>
</td>
</tr>
</tbody>
</table>


<div class="btn text-light w-100 text-left newcard-list" >

<div class='newcard-ico' ng-click="triggerNewCardClick($event)">
<i class="fa-regular fa-plus"></i>
</div>

<ui-select autofocus-ui-select autofocus="true" ng-model="contactCase.selected" theme="select2" class="create-card" close-on-selet="true" on-select="
handlerContactOrCaseSelected(
contactCase,
list,
$select
)
" uis-open-close="onOpenClose(isOpen)"
>
<ui-select-match class="new-card-placeholder" placeholder="New Card">
<div class="text-center w-100">
<img src="https://app.legalboards.io/img/loading.gif" width="30%" style="
margin-top: -17px;
" />
</div>
</ui-select-match>
<span ng-show="$select.searchEnabled && $select.isEmpty()" class="select2-chosen ng-binding ng-hide">
New Card 2
</span>
<ui-select-choices refresh="refreshContactCases($select.search)" refresh-delay="{{
$select.search.length <= 3
? 0
: 1000
}}" repeat="contact_case in contacts_cases track by $index" group-by="'type'">
{{:: contact_case.name }}
<ng-show ng-show="
contact_case.subtitle
">
- {{
::contact_case.subtitle
}}</ng-show>

<p class="small text-nowrap text-truncate pb-0 mb-0" ng-if="contact_case.note">
{{ contact_case.note }}
</p>
</ui-select-choices>
<ui-select-no-choice>
<div style="width: 100%" ng-show="
$select.search.length >
0 &&
loadingSearchCard
">
<div class="no-item-create board-card-search">
<h2>Wating</h2>
<i class="fad fa-search"></i>
<h4>Loading...</h4>
</div>
</div>
<div style="width: 100%" ng-show="
$select.search.length <
3 &&
$select.search.length !=
0
">
<span>You must enter at least 3 characters</span>
<div class="no-item-create board-card-search">
<h2>Search for...</h2>
<i class="fad fa-search"></i>
<p class="rotate-message-newcard" id="new-card-message_class_en"></p>
</div>
</div>
<div style="width: 100%" ng-show="
$select.search.length >=
3 &&
!loadingSearchCard &&
contacts_cases.length ===
0
">
</div>
<hr style="width: 250px; margin: 10px -10px; opacity:0.7;">
<div class="clearfix"></div>
<span style="font-size: 10px; font-weight: bold;color: #7689A2;">
Or add a new one
</span>
<div class="d-flex w-100">
<button ng-if="::$root.hasContactModule()" type="button" title="Create a new Contact" style="box-shadow: none;border-radius: 2px; min-width:31px;" class="btn btn-primary btn-sm bg-greenF bg-greenF_hover mr-2" ng-click="openNewContactModal(list.id, $select)">
<i class="fas fa-user p-0"></i>
</button>
<button type="button" ng-if="::$root.hasAsset('Legalboards')" title="Create a new Matter" style="box-shadow: none;border-color: #007bff !important;border-radius: 2px;min-width:31px;" class="btn btn-primary btn-sm bg-blue bg-blue_hover mr-2" ng-click="openNewCaseModal(list.id, $select)" style="border-color: ">
<i class="fas fa-suitcase p-0"></i>
</button>
<button type="button" title="Create a new Note" style="box-shadow: none;border-radius: 2px;min-width:31px;" class="btn btn-primary btn-sm btn-primary mr-2" ng-class="{'btn-block': !hasAsset('Legalboards') && !$root.hasContactModule()}" ng-click="openNoteForm(list.id, $select)">
<i class="fas fa-sticky-note p-0"></i>
</button>
</div>
</ui-select-no-choice>
</ui-select>
</div>
<button class="btn text-light w-100 text-left px-3 bg-grey text-center" ng-if="!list.loadingScroll && (list.hasMore || list.hasMore === undefined) && list.cards_count >= 10" ng-click="loadMoreCards(list)">
Load More
</button>
</div>
</div>

</section>

<automation-list ng-if="showComponentAutomationList" active-board="activeBoard"></automation-list>

<!-- slide in content S T A R T -->
<div id="account-trials-end-at-modal" class="slide-in-contaniner remove">
<button class="close-btn btn" ng-click="closeBoardModal()">
<i class="fas fa-times"></i>
</button>

<!-- slider text S T A R T -->
<div class="slide-in-content">
<h3>
It&#039;s your last day of your free trial!
<br>
{{statusAccount | date: 'dd/MM/yyyy'}}
<br>
</h3>

<table>
<tr>
<td>
<div>
Start now
</div>
</td>
</tr>
<tr>
<td>
<div>
Continue use
</div>
</td>
</tr>
<tr>
<td>
<div>
Start your subscription
</div>
</td>
</tr>
</table>

</div>
</div>
<script type="text/ng-template" id="removeBoard.tpl.html">
<div class="modal-body px-4 text-center" >
<i class="fas fa-exclamation-circle mt-2 mb-4" style="color: #dc3545;"></i>
<h2 class="mb-0">Remove Board</h2>
<div class="row mt-4">
<div class="col-12">
<p>Are you sure you want to delete this board?</p>
</div>
<div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmDeleteBoardCallback()">Delete</button></div>
<div class="col-6"><button class="btn btn-block btn-secondary-outline" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div>
</div>
</div>
</script>

<script type="text/ng-template" id="copyBoard.tpl.html">
<div class="modal-body px-4 text-center" >
<h2 class="mb-3"><i class="far fa-clone"></i> Clone Board</h2>

<div class="row mt-4">
<form method="post" name="formCopyBoard" class="form-row">
<div class="col-12 p-2">
<p>Are you sure you want to clone this board?</p>

<div class="col-12 mt-2 mb-2 p-0">
<label class="float-left">Name of new board</label>
<input type="text"
class="form-control"
placeholder="Name"
name="name"
ng-model="copyingBoard.name"
required
/>
</div>
</div>
<div class="col col-12 p-2 text-left">
<div class="row">
<div class="col col-12">
<label class="float-left">Mark what do you want to clone too</label>
</div>
</div>
<div class="row pl-5">
<div class="col col-6 form-check">
<input
class="form-check-input"
type="checkbox"
id="membersCheck"
name="membersCheck"
ng-model="copyingBoard.membersCheck"
ng-checked="copyingBoard.membersCheck == 1"
ng-true-value="1"
ng-false-value="0"
>
<label class="form-check-label" for="membersCheck">
Members
</label>
</div>
<div class="col col-6 form-check">
<input
class="form-check-input"
type="checkbox"
id="cardsCheck"
name="cardsCheck"
ng-model="copyingBoard.cardsCheck"
ng-checked="copyingBoard.cardsCheck == 1"
ng-true-value="1"
ng-false-value="0"
>
<label class="form-check-label" for="cardsCheck">
Cards
</label>
</div>
<div class="col col-6 form-check">
<input
class="form-check-input"
type="checkbox"
id="automationsCheck"
name="automationsCheck"
ng-model="copyingBoard.automationsCheck"
ng-checked="copyingBoard.automationsCheck == 1"
ng-true-value="1"
ng-false-value="0"
>
<label class="form-check-label" for="automationsCheck">
Automations
</label>
</div>

<div class="col col-6 form-check" ng-if="copyingBoard.cardsCheck == 1">
<input
class="form-check-input"
type="checkbox"
id="tasksCheck"
name="tasksCheck"
ng-model="copyingBoard.tasksCheck"
ng-checked="copyingBoard.tasksCheck == 1"
ng-true-value="1"
ng-false-value="0"
>
<label class="form-check-label" for="tasksCheck">
Tasks
</label>
</div>
</div>
</div>
<div class="col-6"><button class="btn btn-block btn-secondary" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div>
<div class="col-6"><button class="btn btn-block btn-primary" ng-disabled="loading || formCopyBoard.$invalid" ng-click="confirmCopyBoardCallback()">Ok</button></div>
</form>
</div>
</div>
</script>

<script type="text/ng-template" id="removeLabel.tpl.html">
<div class="modal-body px-4 text-center">
<i class="fas fa-exclamation-circle mt-2 mb-4" style="color: #dc3545;"></i>
<h2 class="mb-0">Delete Label</h2>
<div class="row mt-4">
<div class="col-12">
<p>Are you sure you want to delete this label?</p>
</div>
<div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmRemoveLabelCallback()">Delete</button></div>
<div class="col-6"><button class="btn btn-block btn-outline-secondary" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div>
</div>
</div>
</script>

<script type="text/ng-template" id="removeCard.tpl.html">
<div class="modal-body px-4 text-center">
<i class="fas fa-exclamation-circle mt-2 mb-4" style="color: #dc3545;"></i>
<h2 class="mb-0">Remove Card</h2>
<div class="row mt-4">
<div class="col-12">
<p>Do you want to remove this card? By doing this, you&#039;re only removing this card, not the contacts or case from the system.</p>
</div>
<div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmDeleteCardCallback()">Delete</button></div>
<div class="col-6"><button class="btn btn-block btn-outline-secondary" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div>
</div>
</div>
</script>

<script type="text/ng-template" id="alertListWithCards.tpl.html">
<div class="modal-body px-4 text-center">
<i class="fas fa-ban mb-4 mt-2"></i>
<h2 class="mb-0">List is being used by a card.</h2>
<div class="row mt-4">

<div class="col-12">
<p>You cannot delete a list with cards in it, first remove the cards from that list in order to delete it.</p>
</div>
<div class="col-12"><button class="btn btn-block btn-danger" type="button" ng-click="closeAnyModalInstance()">Close</button></div>
</div>
</div>
</script>

<script type="text/ng-template" id="removeBoardInvitation.tpl.html">
<div class="modal-body px-4 text-center">
<i class="fas fa-exclamation-circle mt-2 mb-4" style="color: #dc3545;"></i>
<h2 class="mb-0">Remove Invitation</h2>
<div class="row mt-4">
<div class="col-12">
<p>Are you sure you want to remove this invitation?</p>
</div>
<div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmRemoveBoardInvitationCallback()">Remove</button></div>
<div class="col-6"><button class="btn btn-block btn-outline-secondary" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div>
</div>
</div>
</script>


<script type="text/ng-template" id="choose-google-drive-custom-folder.tpl.html">
<div class="modal-body modal-lg px-4 text-center">
<h2 class="mb-3">Google Drive Custom Folder</h2>
<i class="fad fa-folder-open h2 color-purple"></i>
<div class="row mt-4">
<div class="col-12 py-3">
<p>Do you already have a folder for this card within your Google Drive? No problem, setup your folder. <br /><a href="https://youtu.be/eS55_lCuBkw" target="_blank">Check out this video</a> how to do this.</p>
<div class="row mt-0" >
<label>Google Drive Folder</label>
<div class="col-12 p-0">
<input
ng-model="googleDriveFolder.rel_external"
type="text"
class="form-control"
ng-disabled="loading"
placeholder="Legalboards Default"
/>
</div>
</div>
</div>
<div class="col-6"><button class="btn btn-block btn-primary" ng-disable="loading" ng-click="saveDocumentFolder(googleDriveFolder)">Save</button></div>
<div class="col-6"><button class="btn btn-block" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div>
</div>
</div>
</script>


<script type="text/ng-template" id="lastDayTrialsEnd">
<div class="modal-body overflow-auto text-center px-lg-5 px-4 py-lg-5 py-4" >
<h1 class="mb-3 text-bold">It’s your last day of your free trial!</h1>
<p class="mx-auto" style="font-size: 18px; color: #232323; max-width: 700px">With a paid subscription, you can continue to use Legalboards to help you track, organize, and manage your workflow. With Legalboards you can.</p>

<div class="row w-100 justify-content-center my-lg-5">
<div class="col-lg-4 px-lg-5 mb-lg-0 mb-3 alert-card">
<img
src="https://app.legalboards.io/img/account-alert-1.svg"
class="img-fluid"
style="max-height: 140px"
/>
<h5 class="color-purple mt-3"><strong>Easily collaborate with your team</strong></h5>
<h6 style="line-height: 24px">Make sure everyone involved with a matter is kept up-to-date on it&#039;s progression with automatic updates</h6>
</div>
<div class="col-lg-4 px-lg-5 mb-lg-0 mb-3 alert-card">
<img
src="https://app.legalboards.io/img/account-alert-2.svg"
class="img-fluid"
style="max-height: 140px"
/>
<h5 class="color-purple mt-3"><strong>Easily collaborate with your team</strong></h5>
<h6 style="line-height: 24px">Make sure everyone involved with a matter is kept up-to-date on it&#039;s progression with automatic updates</h6>
</div>
<div class="col-lg-4 px-lg-5 mb-lg-0 mb-3">
<img
src="https://app.legalboards.io/img/account-alert-3.svg"
class="img-fluid"
style="max-height: 140px"
/>
<h5 class="color-purple mt-3"><strong>Easily collaborate with your team</strong></h5>
<h6 style="line-height: 24px">Make sure everyone involved with a matter is kept up-to-date on it&#039;s progression with automatic updates</h6>
</div>
</div>

<div style="background: #E0F9F8; border-radius:8px" class="p-4">
<span class="mx-auto d-block" style="font-size: 18px; color: #232323; max-width: 700px">And, remember to take advantage of our data migration services where one of our specialists will help you get started on the right foot within Legalboards.</span>
</div>

<div class="row w-100 justify-content-center mt-5" ng-if="$root.isAccountOwner() || $root.hasAnyRole('admin')">
<div class="col-lg-3 px-lg-4 mb-lg-0 mb-3">
<a href="https://legalboards.com/demo-request/" target="_blank" class="btn btn-block btn-info text-uppercase p-lg-3" ng-click="confirmTrialsEnd()">Request a Free Setup</a>
</div>
<div class="col-lg-3 px-lg-4 mb-lg-0 mb-3">
<button class="btn btn-block btn-purple text-uppercase p-lg-3" ng-click="exitTrialsEnd()" type="button">Continue Use</button>
</div>
<div class="col-lg-3 px-lg-4">
<a href="https://app.legalboards.io/account/plans" class="btn btn-block btn-info text-uppercase p-lg-3" ng-click="confirmTrialsEnd()">Start your subscription</a>
</div>
</div>

<div class="row w-100 justify-content-center mt-5" ng-if="$root.hasAnyRole('member')">
<div class="col-lg-3 px-lg-4 mb-lg-0 mb-3">
<button class="btn btn-block btn-purple text-uppercase p-lg-3" ng-click="exitTrialsEnd()" type="button">Close</button>
</div>
</div>

</form>
</div>
</div>

<style>
.alert-card{
position: relative;
}
.alert-card:after{
font-family: "Font Awesome 5 Pro";
content: "\f141";
display: inline-block;
font-weight: 900;
position: absolute;
font-size: 40px;
top: 40px;
right: -20px;
color: #E6E6E6;
}
@media(max-width: 992px){
.alert-card:after{
display: none;
}
}
</style>
</script>

<script type="text/ng-template" id="board-wizard">
<div class="modal-body modal-lg px-4 text-center">
<h2 class="mb-3">Congrats on your first board!</h2>
<i class="fas fa-trophy h2 color-purple"></i>
<div class="row mt-4">
<div class="col-12 py-3">
<h4>Now, let’s add your cards</h4>
<button class="btn btn-purple px-lg-5 my-2" ng-click="wizardShowNewCard()">Next</button>
</div>
</div>
</div>
</script>
<!-- slide in content S T A R T -->
<div id="manage-board-modal" class="slide-in-contaniner remove">
<button class="close-btn btn" ng-click="closeBoardModal()">
<i class="fas fa-times"></i>
</button>

<!-- slider menu S T A R T -->
<div class="slide-in-menu p-3">
<h6 class="title-boards-side">My Boards</h6>
<ul class="list-unstyled mt-3">
<li
ng-repeat="board in boards | orderBy:'name' track by board.id"
ng-click="setModalBoard(board)"
ng-cloak
>
<a href="" ng-class="{ active: board.id === modalBoard.id }">
<span class="expand">{{ board.name }}</span></a
>
</li>
</ul>
<hr />
<ng-show
ng-cloak
ng-if="hasAnyRole('admin') && account_boards.length > 0"
>
<h6 class="title-boards-side">Account Boards</h6>
<ul class="list-unstyled mt-3">
<li
ng-repeat="board in account_boards | orderBy:'name' track by board.id"
ng-click="setModalBoard(board)"
ng-cloak
>
<a
href=""
ng-class="{ active: board.id === modalBoard.id }"
>
<span class="expand">{{ board.name }}</span></a
>
</li>
</ul>
<hr />
</ng-show>

<a
href=""
class="link btn bg-purple btn-block text-white mb-2 p-2"
ng-click="newBoardForm()"
style="font-weight: 400 !important;"
>
<i class="fa-regular fa-plus" style="margin-right: 5px !important;"></i> New Board
</a>
<a
href=""
class="link btn btn-secondary btn-block text-white mb-2 gallery-content p-2"
ng-click="openBoardTemplateGallery()"
style="font-weight: 400 !important;"
>
<i class="fa-regular fa-grid-2-plus" style="margin-right: 5px !important;"></i> Boards Gallery
</a>
</div>
<!-- slider menu E N D -->

<!-- slider text S T A R T -->
<div class="slide-in-content" ng-if="modalBoard" ng-cloak>
<h3
ng-show="
isBoardOwner(AuthUser.account_user.id, modalBoard.teams) ||
$root.hasAnyRole('admin')
"
>
Manage Board
</h3>
<div class="d-inline-block py-3 d-none">
<a
href=""
class="link btn btn-secondary text-white gallery-content p-2"
ng-if="::hasAnyRole(['member', 'admin'])"
ng-click="confirmCopyBoard(activeBoard)"
>
<i class="fa-regular fa-notes"></i> Clone this board
</a>
<a
href=""
class="link btn btn-secondary ml-2 text-white gallery-content p-2"
ng-if="::hasAnyRole(['member', 'admin'])"
ng-click="exportBoard(activeBoard)"
>
<i class="fa-regular fa-download"></i> Export this board
</a>
<a
href=""
class="link btn btn-secondary ml-2 text-white gallery-content p-2"
ng-if="::hasAnyRole(['member', 'admin'])"
ng-click="openHistoryBoard(activeBoard)"
>
<i class="fa-regular fa-arrow-rotate-left"></i> Log board
</a>
</div>
<div class="linha-divisoria"></div>
<h3
ng-show="
!isBoardOwner(AuthUser.account_user.id, modalBoard.teams) &&
!$root.hasAnyRole('admin')
"
>
{{ modalBoard.name }}
</h3>
<div
class="alert alert-success"
role="alert"
ng-show="alertManageBoardSuccess"
>
<span>{{ alertManageBoardSuccess }}</span>
</div>

<div
class="alert alert-info"
role="alert"
ng-show="alertManageBoardError"
>
<span>{{ alertManageBoardError }}</span>
</div>

<form
name="formEditBoard"
ng-submit="editBoard(modalBoard)"
ng-if="isBoardOwner(AuthUser.account_user.id, modalBoard.teams) || $root.hasAnyRole('admin')"
>
<h4 class="mt-3">
<i class="fa-regular fa-pencil"></i> Board Name
</h4>
<div class="form-group">
<input
type="text"
name="name"
class="form-control mb-2"
ng-model="modalBoard.name"
required
/>
<h6>
<strong>Created: </strong> {{
modalBoard.created_at | amDateFormat: "MMM D, Y"
}}
</h6>
</div>
<div class="description">
<h5 class="mb-3">Description</h5>

<div class="form-group">
<textarea
rows="3"
name="description"
class="form-control"
ng-model="modalBoard.description"
></textarea>
</div>
</div>

<div class="description" ng-if="
$root.hasAnyRole('admin') ||
($root.hasAnyRole('member') &&
isBoardOwner(
AuthUser.account_user.id,
modalBoard.teams
))
">
<h5 class="mb-3">Permissions</h5>

<div class="form-group row">
<div class="pl-3 col-12 float-left">
<label class="check-container" for="board-edit-permission-viewer">
Hide Non-Member Cards for Viewers
<input
id="board-edit-permission-viewer"
type="checkbox"
ng-model="modalBoard.hide_cards_non_member_viewers"
ng-true-value="1"
ng-false-value="0"
class="form-check-input"
/>
<span class="checkmark"></span>
</label>
</div>

<div class="pl-3 col-12 float-left">
<label class="check-container" for="board-edit-permission-member">
Hide Non-Member Cards for Members
<input
id="board-edit-permission-member"
type="checkbox"
ng-model="modalBoard.hide_cards_non_member_members"
ng-true-value="1"
ng-false-value="0"
class="form-check-input"
/>
<span class="checkmark"></span>
</label>
</div>

<div class="pl-3 col-12 float-left">
<label class="check-container" for="board-edit-permission-disable-automation-edit-to-members">
Disable Automation Editing for Members
<input
id="board-edit-permission-disable-automation-edit-to-members"
type="checkbox"
ng-model="modalBoard.disable_automation_edit_to_members"
ng-true-value="1"
ng-false-value="0"
class="form-check-input"
/>
<span class="checkmark"></span>
</label>
</div>

<div class="pl-3 col-12 float-left">
<label class="check-container" for="board-edit-permission-disable-column-edit-to-members">
Disable Column Editing for Members
<input
id="board-edit-permission-disable-column-edit-to-members"
type="checkbox"
ng-model="modalBoard.disable_column_edit_to_members"
ng-true-value="1"
ng-false-value="0"
class="form-check-input"
/>
<span class="checkmark"></span>
</label>
</div>

</div>

</div>

<div>
<button
class="btn btn-primary btn-block"
type="submit"
ng-class="{ loading: loading }"
>
Save
</button>
</div>
</form>

<h4 class="mt-5"><i class="fa-regular fa-tag"></i> Labels</h4>

<div class="board-list-label">
<div
class="form-row label-item py-0"
ng-repeat="label in modalBoard.labels track by label.id"
ng-cloak
>
<div class="col-12 pl-3 align-self-center">
<span >
<div class="display-label" ng-click="(isBoardOwner(
AuthUser.account_user.id,
modalBoard.teams
) || $root.hasAnyRole('admin')) ? enableEditLabel($event, label): return;">
<span
class="label-icon"
ng-style="{ background: label.color }"
></span>
{{ label.value }}


<a
href=""
ng-click="confirmRemoveLabel($index, label)"
style="float: right; color: #e2e6ea"
class="btn ml-1"
ng-if="
$root.hasAnyRole('admin') ||
($root.hasAnyRole('member') &&
isBoardOwner(
AuthUser.account_user.id,
modalBoard.teams
))
"
><i class="fa-regular fa-trash" style="margin-right: 5px"></i></a>


<a
href=""
style="float: right; color: #e2e6ea"
class="btn"
><i class="fa-regular fa-pen"></i></a>

</div>

<div ng-if="(isBoardOwner(AuthUser.account_user.id,modalBoard.teams) || $root.hasAnyRole('admin'))" class="display-label-form form-row label-item py-0 my-0" style="display: none;">
<div class="col-1 align-self-center">
<span>
<material-picker
ng-model="editingLabel.color"
format="'hex'"
size="12"
ng-show="showMaterialPicker"
ng-click="showMaterialPicker = !showMaterialPicker"
></material-picker>
<i
class="fas fa-fill"
ng-click="showMaterialPicker = !showMaterialPicker"
ng-style="{ 'background-color': editingLabel.color }"
></i>
</span>
</div>
<div class="col-10">
<input
class="form-control"
type="text"
name="value"
placeholder="Label name"
ng-model="editingLabel.value"
/>
</div>
<div class="col-1 pr-2 text-right align-self-center">
<button
type="button"
class="btn"
ng-click="updateLabel($event, editingLabel, modalBoard)"
>
<i class="fas fa-check-circle"></i>
</button>
<button
type="button"
class="btn"
ng-click="closeEditLabel($event)"
>
<i class="fas fa-times"></i>
</button>
</div>
</div>
</span>
</div>
<div class="col-1 text-right ml-aut align-self-center">




</div>
</div>
</div>

<div
class="form-row label-item"
ng-if="
$root.hasAnyRole('admin') ||
($root.hasAnyRole('member') &&
isBoardOwner(
AuthUser.account_user.id,
modalBoard.teams
))
"
>
<div class="col-1 pl-2 align-self-center">
<span>
<material-picker
ng-model="label.color"
format="'hex'"
size="12"
ng-show="showMaterialPicker"
ng-click="showMaterialPicker = !showMaterialPicker"
></material-picker>
<i
class="fas fa-fill"
ng-click="showMaterialPicker = !showMaterialPicker"
ng-style="{ 'background-color': label.color }"
></i>
</span>
</div>
<div class="col-10">
<input
class="form-control"
type="text"
name="value"
placeholder="Add a new Label color"
ng-model="label.value"
ng-keydown="addLabelKeyDown($event, label)"
/>
</div>
<div class="col-1 pr-2 text-right align-self-center">
<button
type="button"
class="btn"
ng-click="addLabel(label)"
ng-show="
isBoardOwner(
AuthUser.account_user.id,
modalBoard.teams
) || $root.hasAnyRole('admin')
"
>
<i class="fas fa-check-circle"></i>
</button>
</div>
</div>

<hr class="mt-5" />

<h4 class="mt-5">
<i class="fa-light fa-users"></i> Member(s) of this Board
</h4>

<div
class="form-row mt-3"
ng-show="modalBoard.account_team.length === 0"
>
<a href="#" ng-click="manageBoardOpenTeam()">
<i class="fa-light fa-users"></i>
Team
</a>
</div>

<div class="row mb-4" ng-show="modalBoard.account_team.length > 0">
<div class="col-6">
<div class="search">
<input
type="text"
class="form-control"
ng-model="searchMemberFilter"
placeholder="Search Names"
/>
<span class="search-icon">
<i class="fas fa-search"></i>
</span>
</div>
</div>
</div>

<table
class="align-items-center list_members"
ng-show="modalBoard.account_team.length > 0"
>
<tr
ng-repeat="user in modalBoard.account_team | filter:searchMemberFilter track by user.id"
ng-if="modalBoard.account_team"
>
<td>
<div class="user-icon" ng-show="!user.avatar">
{{ user.initials }}
</div>
<div
class="user-avatar raio-40"
ng-class="::$root.getRandomAvatarBackground($index)"
style="background-image:url({{ user.avatar }});"
ng-show="user.avatar"
></div>
</td>
<td>
<strong>
{{ user.first_name }} {{ user.last_name }}
</strong>
<br />
{{ user.roles[0].display_name }}
</td>
<td>
<span class="text-light">{{ user.email }}</span>
</td>
<td
ng-if="
$root.hasAnyRole('admin') ||
(isBoardOwner(
AuthUser.account_user.id,
modalBoard.teams
) &&
$root.hasAnyRole('member'))
"
>
<a
class="secondary add_button"
ng-if="!isTeamMember(user.id)"
ng-click="addTeamBoard(user.id)"
>
<i class="fas fa-check"></i>
Add
</a>
<a
class="secondary add_button"
ng-if="isTeamMember(user.id) && !isSameUser(user.id)"
ng-click="removeTeamBoard(user.id)"
>
<i class="fas fa-minus"></i>
Remove
</a>

<span
ng-if="isTeamMember(user.id) && isSameUser(user.id)"
class="badge badge-pill badge-primary"
>Administrator
</span
>
</td>
</tr>
</table>

<ng-show
ng-if="
isBoardOwner(AuthUser.account_user.id, modalBoard.teams) ||
$root.isAccountOwner()
"
>
<h4 class="mt-5">
<i class="fa-regular fa-paper-plane"></i>
Invite new members
</h4>

<table
class="align-items-center list_members"
ng-show="modalBoard.invitations.length > 0"
>
<tr
ng-repeat="invitation in modalBoard.invitations track by invitation.id"
ng-show="modalBoard.invitations"
>
<td>
<strong>{{ invitation.name }}</strong>
</td>
<td>
<span class="text-light">{{ invitation.email }}</span>
</td>
<td>
<a
class="secondary add_button"
ng-click="confirmRemoveBoardInvitation(invitation)"
>
<i class="fas fa-minus"></i>
Remove
</a>
</td>
</tr>
</table>

<div
class="alert alert-success"
role="alert"
ng-show="alertTeamSuccess"
>
<span>{{ alertTeamSuccess }}</span>
</div>

<div class="alert alert-info" role="alert" ng-show="alertTeamError">
<span>{{ alertTeamError }}</span>
</div>

<form
name="formInvite"
ng-submit="submitInvite(invite, formInvite)"
>
<div class="form-row row">
<div class="col-md-6 mt-3">
<label>Name</label>
<input
type="text"
class="form-control"
required
name="name"
ng-model="invite.name"
/>

<span
class="error"
ng-show="
formInvite.name.$dirty &&
formInvite.name.$error.required
"
>
This field is required.
</span>
</div>

<div class="col-md-6 mt-3">
<label>Email</label>
<input
type="email"
class="form-control"
required
name="email"
ng-model="invite.email"
/>

<span
class="error"
ng-show="
formInvite.email.$dirty &&
formInvite.email.$error.required
"
>
This field is required.
</span>

<span
class="error"
ng-show="
formInvite.email.$dirty &&
formInvite.email.$error.email
"
>Enter a valid email.
</span>
</div>
</div>
<div class="form-row row mt-4">
<div class="col col-md-8">

<ui-select
ng-model="invite.role"
theme="select2"
>
<ui-select-match placeholder="Permission Group">
{{ invite.role.display_name }}
</ui-select-match>
<ui-select-choices repeat="role in account_roles | filter:$select.search track by role.id">
{{ role.display_name }}
</ui-select-choices>
</ui-select>
</div>

<div class="col-md-4">
<button
type="submit"
class="btn btn-primary btn-block"
ng-disabled="formInvite.$invalid"
ng-class="{ loading: loading }"
>
Invite
</button>
</div>
</div>
</form>

<hr class="mt-5" />
</ng-show>

<div
class="mt-5 mb-4 pb-5"
ng-show="
isBoardOwner(AuthUser.account_user.id, modalBoard.teams) ||
$root.hasAnyRole('admin')
"
>
<h4 class="mb-3">
<i class="fa-regular fa-trash"></i> Delete Board
</h4>
<p>
Deleting this board, you will also delete its columns and note cards. Matters and contacts cards will be kept in the system.
</p>
<button
type="button"
class="btn btn-danger close-form-tab"
ng-if="
isBoardOwner(
AuthUser.account_user.id,
modalBoard.teams
) || $root.hasAnyRole('admin')
"
ng-click="confirmRemoveBoard()"
style="font-weight: 400 !important;"
>
<i class="fa-regular fa-trash" style="margin-right: 5px !important;"></i> Delete this Board
</button>
</div>
</div>
</div>
<!-- slide in content S T A R T -->
<div id="new-board-modal" class="slide-in-contaniner slide-in-form remove">
<button class="close-btn btn" type="button" ng-click="closeNewBoardForm()">
<i class="fas fa-times"></i>
</button>
<!-- slider text S T A R T -->
<div class="slide-in-content" style="width: 100%">
<h3>New Board</h3>

<form
name="formNewBoard"
ng-submit="createBoard(newBoard, formNewBoard)"
class="pb-5"
>
<div class="form-group">
<label for="name">Board Name</label>
<input
type="text"
name="name"
class="form-control"
ng-model="newBoard.name"
required
/>
</div>

<span
class="error"
ng-show="
formNewBoard.name.$dirty &&
formNewBoard.name.$error.required
"
>This field is required.
</span>

<div class="form-group">
<label for="description">Description</label>
<textarea
rows="5"
name="description"
class="form-control"
ng-model="newBoard.description"
></textarea>
</div>

<h4 class="mt-5">
<i class="fas fa-columns"></i> Columns
</h4>

<div
class="form-row label-item"
ng-repeat="list in newBoard.lists track by $index"
ng-cloak
>
<div class="col-8 pl-2 align-self-center">
<span> {{ list.name }} </span>
</div>
<div class="col-4 text-right ml-aut align-self-center">
<a
href=""
ng-click="newBoard.lists.splice($index, 1)"
style="float: right; color: #e2e6ea"
class="btn"
>
<i class="fas fa-trash"> </i>
</a>
</div>
</div>

<div class="form-row label-item">
<div class="col-11">
<input
class="form-control"
type="text"
name="list_name"
placeholder="Add a new Column"
ng-model="list.name"
ng-keydown="addListToNewBoard(newBoard, list, $event)"
/>
</div>
<div class="col-1 pr-2 text-right align-self-center">
<button
type="button"
class="btn btn-add"
ng-click="addListToNewBoard(newBoard, list)"
>
<i class="fas fa-check-circle"></i>
</button>
</div>
</div>

<h4 class="mt-5"><i class="fas fa-tag"></i> Labels</h4>

<div
class="form-row label-item"
ng-repeat="label in newBoard.labels track by $index"
ng-cloak
>
<div class="col-8 pl-2 align-self-center">
<span>
<span
class="label-icon"
ng-style="{ background: label.color }"
>
</span>
{{ label.value }}
</span>
</div>
<div class="col-4 text-right ml-aut align-self-center">
<a
href=""
ng-click="newBoard.labels.splice($index, 1)"
style="float: right; color: #e2e6ea"
class="btn"
><i class="fas fa-trash"></i
></a>
</div>
</div>

<div class="form-row label-item">
<div class="col-1 pl-2 align-self-center">
<span>
<material-picker
ng-model="label.color"
format="'hex'"
size="12"
ng-show="showMaterialPickerNewBoard"
ng-click="showMaterialPickerNewBoard = !showMaterialPickerNewBoard"
name="material_picker"
></material-picker>
<i
class="fas fa-fill"
ng-click="showMaterialPickerNewBoard = !showMaterialPickerNewBoard"
ng-style="{ 'background-color': label.color }"
></i>
</span>
</div>
<div class="col-10">
<input
class="form-control"
type="text"
name="label_value"
placeholder="Add a new Label color"
ng-model="label.value"
ng-keydown="addLabelKeyDownToNewBoard($event, newBoard, label)"
/>
</div>
<div class="col-1 pr-2 text-right align-self-center">
<button
type="button"
class="btn btn-add"
ng-click="addLabelToNewBoard(newBoard, label)"
>
<i class="fas fa-check-circle"></i>
</button>
</div>
</div>
<br />

<button
class="btn btn-primary btn-block mt-3"
type="submit"
ng-disabled="formNewBoard.$invalid || loading"
ng-class="{ loading: loading }"
>
Save
</button>
<button
class="btn btn-light btn-block"
type="reset"
ng-click="closeNewBoardForm()"
>
Cancel
</button>
</form>
</div>
</div>
<!-- slide in content S T A R T -->
<div id="view-card" class="slide-in-contaniner account-modal-details remove" ng-class="{
'card-matter':
viewCard.sourceMatter,
'card-contact':
viewCard.sourceContact,
'card-note':
!viewCard.sourceContact ||
!viewCard.sourceMatter
}">


<button type="button" class="close-btn btn" ng-click="closeViewCardModal()">
<i class="fas fa-times"></i>
</button>


<!-- slider menu S T A R T -->
<div class="slide-in-menu" style="overflow: hidden;">

<div class="bg-grey padding-menu-card">

<div class="row align-items-center">
<div class="col-9 pr-0">
<span class="font-weight-normal text-truncate d-block text-light" style="font-size:9px;">
<ng-show ng-if="viewCard.sourceContact.type2 === 'pj'">Company Card</ng-show>
<ng-show ng-if="viewCard.sourceContact.type2 === 'pf'">Person Card</ng-show>
<ng-show ng-if="viewCard.sourceMatter">Matter Card</ng-show>
<ng-show ng-if="!viewCard.sourceContact && !viewCard.sourceMatter">Note Card</ng-show>

</span>
<h3 class="text-truncate mb-0" style="font-size:16px">{{ viewCard.title }}</h3>
<span class="font-weight-normal text-truncate d-block" style="font-size:12px;">
{{ viewCard.subtitle }}
</span>
<select class="select_colunm" ng-change="changeCardColumn()" ng-model="changeList" ng-options="list.name for list in lists track by list.id">
</select>
</div>
<div class="col-3 text-right">
<span id="open_dropdown_view"
ng-disabled="!hasAnyRole(['admin', 'member'])"
ng-click="$event.stopPropagation(); openDropdownEditCard('view')" class="btn p-1">
<i class="fas fa-ellipsis-v text-light"></i>
</span>

<div class="dropdown-menu card-actions-list p-0 dropdown_card_menu" style="width: 220px;" id="open_dropdown_menu_{{viewCard.id}}">
<h5 class="card-action-title">
Card Actions
</h5>
<div class="d-flex flex-card" id="pills-tab-{{viewCard.id}}">
<button class="btn" ng-click="$event.stopPropagation(); openEditCardModel(viewCard, 'details')">
<i class="fa-regular fa-pen"></i>Edit Card
</button>
<button class="btn" ng-click="$event.stopPropagation(); archiveCard(viewCard)">
<i class="fa-regular fa-archive"></i>Archive Card
</button>
<button ng-if="!viewCard.pin_date" class="btn" ng-click="$event.stopPropagation(); setPinCard(viewCard)">
<i class="fa-regular fa-map-pin"></i>Pin Card
</button>
<button ng-if="viewCard.pin_date" class="btn" ng-click="$event.stopPropagation(); removePinCard(viewCard)">
<i class="fa-regular fa-map-pin"></i>Remove Pin
</button>
<button class="btn" ng-click="$event.stopPropagation(); openEditCardModel(viewCard, 'members')">
<i class="fa-regular fa-user"></i>Edit Members
</button>
<button class="btn" ng-click="$event.stopPropagation(); confirmDeleteCard(viewCard)">
<i class="fa-regular fa-trash"></i>Delete Card
</button>
<button class="btn" ng-click="$event.stopPropagation(); copyCard(viewCard)">
<i class="fa-regular fa-copy"></i>Duplicate
</button>
<a ng-href="{{ buildViewCardExportUrl() }}" class="btn" ng-click="$event.stopPropagation(); copyCard(viewCard)">
<i class="fas fa-download"></i>Export Card
</a>
<button class="btn" ng-click="copyViewCardUrl()">
<i class="fas fa-link" style="margin-left: -5px;"></i>Card Link Copy
</button>
</div>
</div>
</div>
</div>

<div class="row pt-2 align-items-center">
<div class="col-6">
<ng-show ng-show="viewCard.labels.length > 0" ng-cloak>
<span ng-repeat="label in viewCard.labels" title="{{label.value}}" title-direction="left"
class="card-color mr-1" style="background-color: {{label.color}}"></span>
</ng-show>

</div>
<div class="col-6 pl-0 text-right">
<div class="float-right">
<ng-repeat ng-repeat="member in viewCard.members track by member.id" ng-cloak>
<div class="user-avatar user-avatar-list raio-30"
ng-class="::$root.getRandomAvatarBackground($index)"
style="background-image:url({{ ::member.account_user.user.avatar }});">
<span ng-show="::!member.account_user.user.avatar">
{{ ::member.account_user.user.initials }}
</span>
</div>
</ng-repeat>
</div>

</div>
</div>


</div>


<div class="margin-botton" ng-if="!loadingOpenViewCard && (viewCard.sourceContact || viewCard.sourceMatter) && hasAsset('Clio')" ng-cloak >
<a class="action-butt" title="Open Clio" title-direction="left" ng-href="https://{{ $root.AuthUser.account.clio_subdomain ? $root.AuthUser.account.clio_subdomain + '.' : '' }}app.clio.com/nc/#/matters/{{
viewCard.sourceMatter.id
}}" target="_blank" ng-if="::!hasAnyRole('viewer') && viewCard.sourceMatter">
<i class="fas fa-external-link-alt"></i>
</a>

<a class="action-butt" title="Open Clio" title-direction="left" ng-href="https://{{ $root.AuthUser.account.clio_subdomain ? $root.AuthUser.account.clio_subdomain + '.' : '' }}app.clio.com/nc/#/contacts/{{
viewCard.sourceContact.contact.rel_external
}}" target="_blank"
ng-if="::!hasAnyRole('viewer') && $root.hasContactModule() && viewCard.sourceContact && viewCard.sourceContact.contact">
<i class="fas fa-external-link-alt"></i>
</a>

<button
type="button"
title="Convert to Matter"
title-direction="left"
ng-if="::!hasAnyRole('viewer') &&
$root.hasContactModule() &&
viewCard.sourceContact &&
viewCard.sourceContact.contact"
ng-click="$root.showConvertContactToMatterComponent = 1"
class="action-butt"
>
<i class="fad fa-sync"></i>
</button>

<button title="Edit Contact" title-direction="left"
ng-click="openEditContactModal(viewCard.sourceContact)" class="action-butt"
ng-if="::$root.hasContactModule() && viewCard.sourceContact && hasAnyRole(['admin', 'member'])">
<i class="fas fa-user"></i>
</button>
<button class="action-butt" title="Start timer" title-direction="left"
ng-show="!$root.timerRunning" ng-click="saveTimer(viewCard)" type="button">
<i class="fas fa-stopwatch"></i>
</button>
<button class="action-butt" title="New Task" title-direction="left" ng-click="openClioTaskForm()"
ng-if="::!hasAnyRole('viewer')" type="button">
<i class="fas fa-plus"></i>
</button>
<a class="action-butt" title="Task Board" title-direction="left"
ng-href="{{ buildClioTaskUrl(viewCard) }} ">
<i class="fas fa-th-large"></i>
</a>
<!-- <a class="action-butt" title="Export Card" title-direction="left" ng-if="::!hasAnyRole('viewer')"
ng-href="{{ buildViewCardExportUrl() }}">
<i class="fas fa-download"></i>
</a>

<a class="action-butt" title="Card Link Copy" title-direction="bottom"
ng-click="copyViewCardUrl()">
<i class="fas fa-link"></i>
</a> -->

</div>



<div class="margin-botton" ng-if="!loadingOpenViewCard && (viewCard.sourceContact ||viewCard.sourceMatter) && hasAsset('Legalboards')" ng-cloak>

<button
type="button"
title="Convert to Matter"
title-direction="left"
ng-if="::!hasAnyRole('viewer') &&
$root.hasContactModule() &&
viewCard.sourceContact &&
viewCard.sourceContact.contact"
ng-click="$root.showConvertContactToMatterComponent = 1"
class="action-butt"
>
<i class="fad fa-sync"></i>
</button>

<button title="Edit Contact" title-direction="left"
ng-click="openEditContactModal(viewCard.sourceContact)" class="action-butt"
ng-if="::viewCard.sourceContact && $root.hasContactModule() && hasAnyRole(['admin', 'member'])">
<i class="fas fa-user"></i>
</button>

<button class="action-butt" title="Edit Matter" title-direction="left"
ng-click="openEditCaseModal(viewCard.sourceMatter)"
ng-show="::viewCard.sourceMatter && hasAnyRole(['admin', 'member'])"
ng-clock>
<i class="fas fa-suitcase"></i>
</button>
<button class="action-butt" title="Start timer" title-direction="left"
ng-click="saveTimer(viewCard)" type="button" ng-if="hasAnyRole(['admin', 'member'])">
<i class="fas fa-stopwatch"></i>
</button>
<button class="action-butt" title="New Task" title-direction="left" ng-click="openNewTaskModal()"
ng-if="::!hasAnyRole('viewer') && hasAsset('Tasks')" type="button">
<i class="fas fa-plus"></i>
</button>
<a class="action-butt" title="Task Board" title-direction="left" ng-if="::!hasAnyRole('viewer')"
ng-href="{{ buildTaskUrl(viewCard) }} ">
<i class="fas fa-th-large"></i>
</a>
<!-- <a class="action-butt" title="Export Card" title-direction="left" ng-if="::!hasAnyRole('viewer')"
ng-href="{{ buildViewCardExportUrl() }}">
<i class="fas fa-download"></i>
</a>

<a class="action-butt" title="Card Link Copy" title-direction="bottom"
ng-click="copyViewCardUrl()">
<i class="fas fa-link"></i>
</a> -->

</div>
<div class="margin-botton" ng-if="!loadingOpenViewCard && !viewCard.sourceContact && !viewCard.sourceMatter" ng-cloak>
<button type="button" class="action-butt" href="" title="Convert to Matter" title-direction="left"
ng-click="openConvertToMatter(viewCard)" ng-if="$root.hasAnyRole(['admin', 'member'])">
<i class="fad fa-sync"></i>
</button>

<button class="action-butt" href="" title="Edit Note" title-direction="left"
class="btn btn-primary btn-sm" ng-if="::!hasAnyRole('viewer')"
ng-click="openLegalboardEditNoteForm(viewCard)"
ng-disabled="!hasAnyRole(['admin', 'member'])">
<i class="fas fa-sticky-note"></i>
</button>
<button class="action-butt" title="Start timer" title-direction="left"
ng-if="hasAnyRole(['admin', 'member'])"
ng-click="saveTimer({card: viewCard})" type="button"
>
<i class="fas fa-stopwatch"></i>
</button>
<button class="action-butt" title="New Task" title-direction="left" ng-click="openNewTaskModal()"
ng-if="::!hasAnyRole('viewer') && hasAsset('Tasks')" type="button">
<i class="fas fa-plus"></i>
</button>
<a class="action-butt" title="Task Board" title-direction="left" ng-if="::!hasAnyRole('viewer')"
ng-href="{{ buildTaskUrl(viewCard) }} ">
<i class="fas fa-th-large"></i>
</a>
<!-- <a class="action-butt" title="Export Card" title-direction="left" ng-if="::!hasAnyRole('viewer')"
ng-href="{{ buildViewCardExportUrl() }}">
<i class="fas fa-download"></i>
</a>

<a class="action-butt" title="Card Link Copy" title-direction="bottom"
ng-click="copyViewCardUrl()">
<i class="fas fa-link"></i>
</a> -->


</div>



<div class="clearfix"></div>
<ul class="list-unstyled">
<li>
<a href="" ng-class="{'active': viewCardTab === 'overview'}" ng-click="toggleCardTab('overview')"><i
class="fas fa-tachometer-slowest"></i>
<span class="expand">Overview
</span></a>
</li>
<li>
<a href="" ng-class="{'active': viewCardTab === 'follow_ups'}" ng-click="toggleCardTab('follow_ups')">
<i class="fas fa-comment-alt-lines"></i>
<span class="expand">Timeline
<span ng-show="::!hasAsset('Legalboards')"><i class="fa fa-exclamation-circle exclusive-feature"
title="This is an exclusive feature!"></i></span>
</span>
</a>
</li>
<li
ng-if="!loadingOpenViewCard && hasAsset('Tasks') && ((hasAsset('Clio') ? !viewCard.sourceMatter : true) || hasAsset('Legalboards'))">
<a href="" ng-class="{'active': viewCardTab === 'tasks'}" ng-click="toggleCardTab('tasks')"
ng-if="::hasAsset('Tasks')">
<i class="fas fa-check-square"></i>
<span class="expand">Tasks
</span></a>
</li>
<li>
<a href="" ng-class="{'active': viewCardTab === 'timesheets'}" ng-click="toggleCardTab('timesheets')">
<i class="fas fa-clock"></i>
<span class="expand">Time Entry
</a>
</li>
<li
ng-if="!loadingOpenViewCard && $root.hasCustomFieldsModule() && (hasAsset('Clio') ? !viewCard.sourceMatter : true)">
<a href="" ng-class="{'active': viewCardTab === 'custom-data'}" ng-click="toggleCardTab('custom-data')">
<i class="fas fa-plus-circle"></i>
<span class="expand">Custom Fields</span>
</a>
</li>

<ng-if ng-if="hasAsset('Clio') && viewCard.sourceMatter">
<li ng-if="hasAnyRole('admin')">
<a href="" ng-class="{'active': viewCardTab === 'clio-activities'}"
ng-click="toggleCardTab('clio-activities')"><i class="far fa-list"></i>
<span class="expand">Activities</span>
</a>
</li>
<li>
<a href="" ng-class="{'active': viewCardTab === 'clio-tasks' || viewCardTab == 'tasks'}"
ng-click="toggleCardTab('clio-tasks')"><i class="fas fa-check-square"></i>
<span class="expand">Tasks</span>
</a>
</li>
<li>
<a href="" ng-class="{'active': viewCardTab === 'clio-notes'}"
ng-click="toggleCardTab('clio-notes')"><i class="fas fa-sticky-note"></i>
<span class="expand">Notes</span>
</a>
</li>
</ng-if>

<ng-if ng-if="hasAsset('Clio') && (viewCard.sourceMatter || viewCard.sourceContact)">
<li>
<a href="" ng-class="{'active': viewCardTab === 'clio-communications'}"
ng-click="toggleCardTab('clio-communications')"><i class="fas fa-phone"></i>
<span class="expand">Communications</span>
</a>
</li>
</ng-if>

<ng-if ng-if="::hasAsset('LawPay') && hasAnyRole('admin')">
<li>
<a href="" ng-class="{'active': viewCardTab === 'lawpay-payments'}"
ng-click="toggleCardTab('lawpay-payments')"><i class="fas fa-usd-square"></i>
<span class="expand">Payments</span>
</a>
</li>
</ng-if>

<ng-if ng-if="::hasDocumentAsset()">
<li>
<a href="" ng-class="{'active': viewCardTab === 'documents'}"
ng-click="toggleCardTab('documents')"><i class="fas fa-archive"></i>
<span class="expand">Documents</span>
</a>
</li>
</ng-if>

<ng-if ng-if="hasAsset('ClickSign') && hasDocumentAsset() && (viewCard.contact_id || viewCard.matter_id)">
<li>
<a href="" ng-class="{'active': viewCardTab === 'signedDocuments'}"
ng-click="toggleCardTab('signedDocuments')"><i class="fa-solid fa-file-signature"></i>
<span class="expand">Signed Documents</span>
</a>
</li>
</ng-if>

<ng-if ng-if="hasAsset('DocuPlayer')">
<li>
<a href="" ng-class="{'active': viewCardTab === 'docuplayer-videos'}"
ng-click="toggleCardTab('docuplayer-videos')"><i class="fas fa-video"></i>
<span class="expand">DocuPlayer</span>
</a>
</li>
</ng-if>

<ng-if ng-if="hasAsset('Publications') && viewCard && viewCard.matter && viewCard.matter.publications.length > 0">
<li>
<a href="" ng-class="{'active': viewCardTab === 'publications'}"
ng-click="toggleCardTab('publications')"><i class="fa-sharp fa-solid fa-envelope-open-text"></i>
<span class="expand">Publications</span>
</a>
</li>
</ng-if>
</ul>

<h6 class="mb-4 mt-4" style="opacity: 0;" id="copy-clipboard-open-card" ng-click="copyViewCardUrl()">
<div class="row">

<div class="col-11 mx-0 pr-1">
<small>Share this Card</small>
<input type="text" class="form-control p-1" ng-value="buildViewCardUrl()" readonly />
</div>
<div class="col-1 px-0 mx-0 mt-4" style="margin-top: auto; margin-bottom: auto;">
<a href="javascript:;">
<i class="fal fa-copy"></i>
</a>
</div>
</div>
</h6>
</div>
<!-- slider menu E N D -->
<section ng-hide="loadingOpenViewCard">
<ng-if ng-if="!viewCard.sourceContact && !viewCard.sourceMatter">
<ng-if ng-if="
!viewCard.sourceContact &&
!viewCard.sourceMatter &&
viewCardTab === 'overview'
">
<!-- slider text S T A R T -->
<div class="slide-in-content p-0">
<!-- HEADER TITLE -->
<div class="p-4">
<h3 class="mb-2" ng-clock>
<i class="icon-type plr-13 fas fa-sticky-note bg-greenlb"></i>
{{ viewCard.title }}
</h3>
<h5 class="font-weight-normal">{{ viewCard.subtitle }}</h5>
</div>

<div class="px-4 d-flex justify-content-start view-card-internal-tab">
<h4 class="title-view-card pr-4 tab-checklist"
ng-class="{'tab-disable': viewCardTabInternal == 'checklist'}"
ng-click="viewCardTabInternal = 'checklist'">
<i class="fad fa-clipboard"></i> Checklist
</h4>
<h4 class="title-view-card pl-4 tab-details" ng-class="{'tab-disable': viewCardTabInternal == 'details'}"
ng-click="viewCardTabInternal = 'details'">
<i class="fad fa-info-square"></i> Details
</h4>
</div>

<div class="px-4 row border-botton"></div>

<div id="view-card-checklist-div" ng-show="viewCardTabInternal === 'checklist'">
<div class="px-4 row mb-0 py-2" ng-cloak
ng-if="viewCard.check_list_items && viewCard.check_list_items.length == 0">
<div class="col-12" ng-if="::!hasAnyRole('viewer')">
<h4 class="title-view-card"><i class="fad fa-clipboard"></i> Start a Checklist</h4>
</div>
<form class="col-12" ng-submit="saveCheckListItem(item)" ng-if="::!hasAnyRole('viewer')">
<div class="form-group">
<input class="form-control form-control-lg" type="text" ng-model="item.name"
placeholder="Create a new item here..." />
</div>
</form>
</div>

<div class="accordion checklist-accordion w-100 px-3 mt-3" id="checklistAccordion">

<div class="card border-0 mb-3" ng-repeat="check_list in viewCard.check_list_items">
<div class="card-header py-1 pr-3 pl-3 position-relative">
<button class="btn btn-block py-2 text-left p-0 text-decoration-none" type="button">
<span class="badge badge-pill bg-purple text-white mr-1">
{{ check_list.items_completed_count / check_list.items_count * 100 | number:0 }}%
</span>
<span class="text-dark" type="button" data-toggle="collapse"
data-target="#checklist-{{check_list.id}}" aria-expanded="true"
aria-controls="checklist-{{check_list.id}}"
>
{{ check_list.title}}
</span>
<a class="text-dark btn-black pl-2 text-sm" href="javascript:void(0)"
ng-click="openEditChecklist(check_list.id)"><i class="fa fa-pencil"></i></a>
<a class="text-dark btn-black pl-2 text-sm" href="javascript:void(0)"
ng-if="noShowContent(check_list.id, viewCard.check_list_items[0]['id'])"
ng-click="deleteCheckLists(check_list.id)"><i class="fa fa-trash-alt"></i></a>

<a class="btn-black text-dark pl-2 text-sm ml-auto float-right mt-1" href="javascript:void(0)"
data-toggle="collapse" data-target="#checklist-{{check_list.id}}" aria-expanded="true"
aria-controls="checklist-{{check_list.id}}"><i class="fa fa-chevron-down"></i></a>

<a class="btn-black text-dark pl-2 text-sm ml-auto float-right mt-1" style="display: none;"
href="javascript:void(0)" id="button_hide_complete_checklist_{{check_list.id}}"
ng-click="viewButtonListCompleted(true, check_list.id)">
<i class="fa fa-eye-slash mr-1"></i> Hide Completed Checklist
</a>
<a class="btn-black text-dark pl-2 text-sm ml-auto float-right mt-1"
href="javascript:void(0)" ng-if="isCheckedButton(check_list.items)"
id="button_show_complete_checklist_{{check_list.id}}"
ng-click="viewButtonListCompleted(false, check_list.id)"
>
<i class="fa fa-eye mr-1"></i>View Completed Checklist
</a>
</button>
<!-- Edit group name -->
<form style="display: none; top:4px; left:0px;background:#f1f3f7;" class="form-group position-absolute mb-0 w-100"
id="edit_title_check_list_{{check_list.id}}" ng-submit="editCheckList(check_list)">
<input type="text" class="form-control new-item py-2" id="inlineFormInputName2" ng-model="check_list.title" style="border-radius: 4px !important">
<button type="submit" class="btn btn-primary position-absolute p-0"
style="width: 34px;height: 34px;border-radius:50px!important;right:10px;top:6px">
<i class="fa fa-save"></i>
</button>
</form>
</div>

<div id="checklist-{{check_list.id}}" data-ids="{{check_list.id}}" class="collapse"
ng-class="{show: !noShowContent(check_list.id, viewCard.check_list_items[0]['id'])}"
data-parent="#checklistAccordion">
<div class="card-body p-0 pt-3">

<div class="progress mb-3 mx-3">
<div
class="progress-bar text-sm"
ng-style="{'width': (check_list.items_completed_count / check_list.items_count * 100) + '%'}"
role="progressbar"
aria-valuenow="{{ check_list.items_completed_count / check_list.items_count * 100 }}"
aria-valuemin="0"
aria-valuemax="100"
>
<span>{{ check_list.items_completed_count / check_list.items_count * 100 | number:0 }}%</span>
</div>
</div>

<!-- Unchecked list -->
<div
id="list_no_checked{{check_list.id}}"
class="col-12 px-0 sortable-checklist-items"
ui-sortable="sortableCheckListItemsOptions"
ng-model="check_list.unchecked"
>
<a-transclusion-directive>
<div
class="sortable-checklist-item"
ng-repeat="item in check_list.unchecked"
>
<form class="col-12 complete px-3 mb-1" ng-submit="saveCheckListItem(item, check_list)">
<div class="d-flex">
<div class="draggable align-items-center px-3">
<i class="fas fa-grip-lines"></i>
</div>
<div>
<input
type="checkbox"
class="checkbox_checklist"
aria-label="Checkbox for following text input"
ng-model="item.checked"
ng-change="saveCheckListItem(item, check_list)"
ng-true-value="1"
ng-false-value="0"
/>
</div>
<div class="flex-fill px-2">
<input
class="form-control py-0 px-2 bg-white"
type="text"
ng-model="item.name"
placeholder="Create a new item here..."
ng-blur="saveCheckListItem(item, check_list)"
/>
</div>
<div class="align-self-center">
<button class="btn p-0 btn-disable-danger" type="button"
ng-click="deleteCheckListsItems(item)">
<i class="fa fa-trash text-sm"></i>
</button>
</div>
</div>
</form>
</div>
</a-transclusion-directive>
<!-- Add new -->
<form class="pt-2" ng-submit="saveCheckListItem(newItem, check_list)"
ng-if="::!hasAnyRole('viewer')">
<div class="form-group position-relative mb-0">
<input class="form-control form-control-lg new-item pr-5" autocomplete="off" type="text"
name="name" ng-model="newItem.name"
placeholder="Create a new item here..." />
<button class="btn btn-primary position-absolute p-0"
style="width: 25px;height: 25px;border-radius:50px!important;right:10px;top:11px !important"><i
class="far fa-check"></i></button>
</div>
</form>
</div>

<!-- Checked list -->
<div
ng-if="isCheckedButton(check_list.items)"
id="list_checked_{{check_list.id}}"
class="col-12 px-0 py-3 sortable-checklist-items"
style="display: none"
ui-sortable="sortableCheckListItemsOptions"
ng-model="check_list.checked"
>
<div
class="sortable-checklist-item"
ng-repeat="item in check_list.checked"
>
<form
class="col-12 complete completed-checklist mb-1"
ng-submit="saveCheckListItem(item, check_list)"
>
<div class="d-flex">
<div class="draggable align-items-center px-3">
<i class="fas fa-grip-lines"></i>
</div>
<div>
<input type="checkbox" class="checkbox_checklist"
aria-label="Checkbox for following text input" ng-model="item.checked"
ng-change="saveCheckListItem(item, check_list)" ng-true-value="1"
ng-false-value="0" />
</div>
<div class="flex-fill px-2">
<input class="form-control py-0 px-2 bg-white" type="text" ng-model="item.name"
placeholder="Create a new item here..."
ng-blur="saveCheckListItem(item, check_list)" />
</div>
<div class="align-self-center">
<button class="btn btn-disable-danger p-0" type="button"
ng-click="deleteCheckListsItems(item)">
<i class="fa fa-trash"></i>
</button>
</div>
</div>
</form>
</div>
</div>

</div>
</div>





</div>
<!-- card end -->
</div>


<div class="row mb-0 py-3 px-4" id="formAddChecklist" ng-cloak
ng-if="viewCard.check_list_items && viewCard.check_list_items.length > 0">

<div class="col-12 text-center" ng-if="::!hasAnyRole('viewer')">
<button class="btn btn-primary" id="butSHowformNewChecklist"
onClick="$('#formNewChecklist').toggle(300),$('#butSHowformNewChecklist').toggle(300)"><i class="far fa-plus mr-2"></i> New group</button>
</div>

<form class="col-12" ng-submit="saveCheckListItem(newChecklist)" id="formNewChecklist"
ng-if="::!hasAnyRole('viewer')" style="display: none;">
<h4 class="color-purple">Add a New Checklist Group</h4>
<div class="form-group m-0 position-relative mb-2">

<input class="form-control bg-white" autocomplete="off"
style="background: #fff!important;box-shadow :0 0 17px rgb(111 128 151 / 13%);padding-right:180px;" type="text"
id="newChecklist-title" ng-model="newChecklist.title" placeholder="New Checklist Group">
<button class="btn-link position-absolute text-decoration-none" type="button" style="color:#7B8A9F !important;right:120px; top:11px" id="butHideformNewChecklist"
onClick="$('#formNewChecklist').toggle(300),$('#butSHowformNewChecklist').toggle(300)">Cancel</button>
<button class="btn btn-primary px-3 py-1 position-absolute" ng-disabled="!newChecklist.title"
style="height: 34px;right:10px;top:6px;"
onclick="$('#button_hide_complete_checklist').fadeOut();$('#button_show_complete_checklist').fadeIn();">
<i class="fa fa-save mr-2"></i>Create
</button>
</div>
</form>
</div>
<!-- accordion end -->
</div>

<div class="p-4 pt-0" id="view-card-details-div" ng-show="viewCardTabInternal === 'details'">

<div class="col-12">
<h5><i class="fas fa-align-left"></i> Note</h5>
<p ng-bind-html="viewCard.note | parseUrlFilter:'_blank'"></p>
</div>
</div>
</div>
<!-- slider text E N D -->
</ng-if>
</ng-if>

<ng-if ng-if="viewCard.sourceContact || viewCard.sourceMatter">
<ng-if ng-if="$root.hasContactModule() && viewCard.sourceContact">
<div class="slide-in-content p-0" ng-if="viewCardTab === 'overview'">
<!-- HEADER TITLE -->

<div class="p-4" ng-clock ng-show="::viewCard.sourceContact">
<h3 ng-clock ng-show="::viewCard.sourceContact">
<span ng-show="viewCard.sourceContact.type2 === 'pf'" class="bg-greenF icon-type type-pf mr-2"></span>
<span ng-show="viewCard.sourceContact.type2 === 'pj'" class="bg-greenF icon-type type-pj mr-2"></span>

{{ viewCard.sourceContact.first_name }} {{
viewCard.sourceContact.last_name
}}
</h3>
</div>

<div class="px-4 d-flex justify-content-start view-card-internal-tab">
<h4 class="title-view-card pr-4 tab-checklist" ng-class="{'tab-disable': viewCardTabInternal == 'checklist'}"
ng-click="viewCardTabInternal = 'checklist'">
<i class="fad fa-clipboard"></i> Checklist
</h4>
<h4 class="title-view-card pl-4 tab-details" ng-class="{'tab-disable': viewCardTabInternal == 'details'}"
ng-click="viewCardTabInternal = 'details'">
<i class="fad fa-info-square"></i> Details
</h4>
</div>

<div class="px-4 row border-botton"></div>

<div id="view-card-checklist-div" ng-show="viewCardTabInternal === 'checklist'">
<div class="px-4 row mb-0 py-2" ng-cloak
ng-if="viewCard.check_list_items && viewCard.check_list_items.length == 0">
<div class="col-12" ng-if="::!hasAnyRole('viewer')">
<h4 class="title-view-card"><i class="fad fa-clipboard"></i> Start a Checklist</h4>
</div>
<form class="col-12" ng-submit="saveCheckListItem(item)" ng-if="::!hasAnyRole('viewer')">
<div class="form-group">
<input class="form-control form-control-lg" type="text" ng-model="item.name"
placeholder="Create a new item here..." />
</div>
</form>
</div>

<div class="accordion checklist-accordion w-100 px-3 mt-3" id="checklistAccordion">

<div class="card border-0 mb-3" ng-repeat="check_list in viewCard.check_list_items">
<div class="card-header py-1 pr-3 pl-3 position-relative">
<button class="btn btn-block py-2 text-left p-0 text-decoration-none" type="button">
<span class="badge badge-pill bg-purple text-white mr-1">
{{ check_list.items_completed_count / check_list.items_count * 100 | number:0 }}%
</span>
<span class="text-dark" type="button" data-toggle="collapse"
data-target="#checklist-{{check_list.id}}" aria-expanded="true"
aria-controls="checklist-{{check_list.id}}"
>
{{ check_list.title}}
</span>
<a class="text-dark btn-black pl-2 text-sm" href="javascript:void(0)"
ng-click="openEditChecklist(check_list.id)"><i class="fa fa-pencil"></i></a>
<a class="text-dark btn-black pl-2 text-sm" href="javascript:void(0)"
ng-if="noShowContent(check_list.id, viewCard.check_list_items[0]['id'])"
ng-click="deleteCheckLists(check_list.id)"><i class="fa fa-trash-alt"></i></a>

<a class="btn-black text-dark pl-2 text-sm ml-auto float-right mt-1" href="javascript:void(0)"
data-toggle="collapse" data-target="#checklist-{{check_list.id}}" aria-expanded="true"
aria-controls="checklist-{{check_list.id}}"><i class="fa fa-chevron-down"></i></a>

<a class="btn-black text-dark pl-2 text-sm ml-auto float-right mt-1" style="display: none;"
href="javascript:void(0)" id="button_hide_complete_checklist_{{check_list.id}}"
ng-click="viewButtonListCompleted(true, check_list.id)">
<i class="fa fa-eye-slash mr-1"></i> Hide Completed Checklist
</a>
<a class="btn-black text-dark pl-2 text-sm ml-auto float-right mt-1"
href="javascript:void(0)" ng-if="isCheckedButton(check_list.items)"
id="button_show_complete_checklist_{{check_list.id}}"
ng-click="viewButtonListCompleted(false, check_list.id)"
>
<i class="fa fa-eye mr-1"></i>View Completed Checklist
</a>
</button>
<!-- Edit group name -->
<form style="display: none; top:4px; left:0px;background:#f1f3f7;" class="form-group position-absolute mb-0 w-100"
id="edit_title_check_list_{{check_list.id}}" ng-submit="editCheckList(check_list)">
<input type="text" class="form-control new-item py-2" id="inlineFormInputName2" ng-model="check_list.title" style="border-radius: 4px !important">
<button type="submit" class="btn btn-primary position-absolute p-0"
style="width: 34px;height: 34px;border-radius:50px!important;right:10px;top:6px">
<i class="fa fa-save"></i>
</button>
</form>
</div>

<div id="checklist-{{check_list.id}}" data-ids="{{check_list.id}}" class="collapse"
ng-class="{show: !noShowContent(check_list.id, viewCard.check_list_items[0]['id'])}"
data-parent="#checklistAccordion">
<div class="card-body p-0 pt-3">

<div class="progress mb-3 mx-3">
<div
class="progress-bar text-sm"
ng-style="{'width': (check_list.items_completed_count / check_list.items_count * 100) + '%'}"
role="progressbar"
aria-valuenow="{{ check_list.items_completed_count / check_list.items_count * 100 }}"
aria-valuemin="0"
aria-valuemax="100"
>
<span>{{ check_list.items_completed_count / check_list.items_count * 100 | number:0 }}%</span>
</div>
</div>

<!-- Unchecked list -->
<div
id="list_no_checked{{check_list.id}}"
class="col-12 px-0 sortable-checklist-items"
ui-sortable="sortableCheckListItemsOptions"
ng-model="check_list.unchecked"
>
<a-transclusion-directive>
<div
class="sortable-checklist-item"
ng-repeat="item in check_list.unchecked"
>
<form class="col-12 complete px-3 mb-1" ng-submit="saveCheckListItem(item, check_list)">
<div class="d-flex">
<div class="draggable align-items-center px-3">
<i class="fas fa-grip-lines"></i>
</div>
<div>
<input
type="checkbox"
class="checkbox_checklist"
aria-label="Checkbox for following text input"
ng-model="item.checked"
ng-change="saveCheckListItem(item, check_list)"
ng-true-value="1"
ng-false-value="0"
/>
</div>
<div class="flex-fill px-2">
<input
class="form-control py-0 px-2 bg-white"
type="text"
ng-model="item.name"
placeholder="Create a new item here..."
ng-blur="saveCheckListItem(item, check_list)"
/>
</div>
<div class="align-self-center">
<button class="btn p-0 btn-disable-danger" type="button"
ng-click="deleteCheckListsItems(item)">
<i class="fa fa-trash text-sm"></i>
</button>
</div>
</div>
</form>
</div>
</a-transclusion-directive>
<!-- Add new -->
<form class="pt-2" ng-submit="saveCheckListItem(newItem, check_list)"
ng-if="::!hasAnyRole('viewer')">
<div class="form-group position-relative mb-0">
<input class="form-control form-control-lg new-item pr-5" autocomplete="off" type="text"
name="name" ng-model="newItem.name"
placeholder="Create a new item here..." />
<button class="btn btn-primary position-absolute p-0"
style="width: 25px;height: 25px;border-radius:50px!important;right:10px;top:11px !important"><i
class="far fa-check"></i></button>
</div>
</form>
</div>

<!-- Checked list -->
<div
ng-if="isCheckedButton(check_list.items)"
id="list_checked_{{check_list.id}}"
class="col-12 px-0 py-3 sortable-checklist-items"
style="display: none"
ui-sortable="sortableCheckListItemsOptions"
ng-model="check_list.checked"
>
<div
class="sortable-checklist-item"
ng-repeat="item in check_list.checked"
>
<form
class="col-12 complete completed-checklist mb-1"
ng-submit="saveCheckListItem(item, check_list)"
>
<div class="d-flex">
<div class="draggable align-items-center px-3">
<i class="fas fa-grip-lines"></i>
</div>
<div>
<input type="checkbox" class="checkbox_checklist"
aria-label="Checkbox for following text input" ng-model="item.checked"
ng-change="saveCheckListItem(item, check_list)" ng-true-value="1"
ng-false-value="0" />
</div>
<div class="flex-fill px-2">
<input class="form-control py-0 px-2 bg-white" type="text" ng-model="item.name"
placeholder="Create a new item here..."
ng-blur="saveCheckListItem(item, check_list)" />
</div>
<div class="align-self-center">
<button class="btn btn-disable-danger p-0" type="button"
ng-click="deleteCheckListsItems(item)">
<i class="fa fa-trash"></i>
</button>
</div>
</div>
</form>
</div>
</div>

</div>
</div>





</div>
<!-- card end -->
</div>


<div class="row mb-0 py-3 px-4" id="formAddChecklist" ng-cloak
ng-if="viewCard.check_list_items && viewCard.check_list_items.length > 0">

<div class="col-12 text-center" ng-if="::!hasAnyRole('viewer')">
<button class="btn btn-primary" id="butSHowformNewChecklist"
onClick="$('#formNewChecklist').toggle(300),$('#butSHowformNewChecklist').toggle(300)"><i class="far fa-plus mr-2"></i> New group</button>
</div>

<form class="col-12" ng-submit="saveCheckListItem(newChecklist)" id="formNewChecklist"
ng-if="::!hasAnyRole('viewer')" style="display: none;">
<h4 class="color-purple">Add a New Checklist Group</h4>
<div class="form-group m-0 position-relative mb-2">

<input class="form-control bg-white" autocomplete="off"
style="background: #fff!important;box-shadow :0 0 17px rgb(111 128 151 / 13%);padding-right:180px;" type="text"
id="newChecklist-title" ng-model="newChecklist.title" placeholder="New Checklist Group">
<button class="btn-link position-absolute text-decoration-none" type="button" style="color:#7B8A9F !important;right:120px; top:11px" id="butHideformNewChecklist"
onClick="$('#formNewChecklist').toggle(300),$('#butSHowformNewChecklist').toggle(300)">Cancel</button>
<button class="btn btn-primary px-3 py-1 position-absolute" ng-disabled="!newChecklist.title"
style="height: 34px;right:10px;top:6px;"
onclick="$('#button_hide_complete_checklist').fadeOut();$('#button_show_complete_checklist').fadeIn();">
<i class="fa fa-save mr-2"></i>Create
</button>
</div>
</form>
</div>
<!-- accordion end -->
</div>

<div class="px-4" id="view-card-details-div" ng-show="viewCardTabInternal === 'details'">

<div class="row mb-0 pb-2 border-botton" ng-cloak ng-show="::viewCard.sourceContact">
<div class="col-md-9" ng-cloak>
<h5><i class="fal fa-envelope"></i> Email</h5>
<span class="text-light">{{ viewCard.sourceContact.email }}</span>
</div>

<div class="col-md-3">
<h5><i class="fal fa-phone"></i> Phone</h5>
<span class="text-light">{{ viewCard.sourceContact.phone }}</span>
</div>
<div class="col-md-12 mt-4 mb-4" ng-show="viewCard.sourceContact.company">
<span class="icon-type type-pj ptico mt-0"></span>
<h5 class="mt-0">Company</h5>
<span class="text-light">{{ viewCard.sourceContact.company.first_name }}</span>
</div>
</div>

<div class="row mb-0 pb-2 border-botton" ng-show="viewCard.sourceContact.custom_field_answers.length > 0">




<div
class="col-md-6"
ng-repeat="answer in viewCard.sourceContact.custom_field_answers track by answer.id"
ng-class="{
'col-md-12': answer.answer.length >= 150
}"
>
<h5>{{ answer.custom_field.value }}</h5>
<span class="text-light">
<ng-if ng-if="answer.option">
{{ answer.option.value }}
</ng-if>
<ng-if ng-if="answer.document">
<a href="" ng-click="documentsDownload(answer.document)" class="mr-2">{{ answer.answer }}</a>

<a ng-if="answer && answer.document"
href="#"
class="mr-1"
ng-click="documentsDownload(answer.document)"
type="button"
>
<i class="fas text-md fa-arrow-circle-down color-purple"></i>
</a>
<a ng-if="answer && answer.document"
href="#"
class="mr-2"
ng-click="getDocumentLink(answer.document)"
type="button"
>
<i class="text-lg" ng-class="{
'fa-solid fa-check text-success': isSuccessCopyLink,
'fa-regular fa-link share-link-color': !isSuccessCopyLink
}"></i>
</a>
</ng-if>
<ng-if ng-if="!answer.option && !answer.document">
{{ answer.answer }}
</ng-if>
</span>
</div>
</div>

<div class="row col-md-12 mt-2" ng-show="::viewCard.sourceContact" ng-cloak>
<h4 class="mt-2">
<i class="fal fa-map-marked"></i> Addresses
</h4>
<button ng-click="openNewAddressModel()" class="btn-sm btn-primary ml-2"
ng-disabled="!hasAnyRole(['admin', 'member'])">
<i class="far fa-plus"></i> Create New
</button>
</div>

<div ng-repeat="address in viewCard.sourceContact.addresses track by address.id"
ng-show="::viewCard.sourceContact" ng-cloak>
<div class="p-0 col-md-12 mb-3">
<h5 class="address-item">
{{ ::address.name }}
<a href="" ng-click="confirmDeleteAddress($index, address)">
<i class="fa fa-trash"></i>
Remove Address
</a>
</h5>
</div>
<div class="row mb-2 address-item">
<div class="col-md-6">
<h5>Street</h5>
<span class="text-light"> {{ ::address.street }} </span>
</div>

<div class="col-md-3">
<h5>City</h5>
<span class="text-light">{{ ::address.city }}</span>
</div>
<div class="col-md-3">
<h5>State</h5>
<span class="text-light">{{ ::address.state }}</span>
</div>
</div>
<div class="row mb-3 address-item">
<div class="col-md-6">
<h5>Zipcode</h5>
<span class="text-light">{{ ::address.zipcode }}</span>
</div>

<div class="col-md-6">
<h5>Country</h5>
<span class="text-light">{{ ::address.country }}</span>
</div>
</div>
</div>

<div class="row col-md-12 link-add" ng-cloak ng-show="
viewCard.sourceContact &&
viewCard.sourceContact.addresses.length > 0
">
<hr />
</div>

<br />
<div class="text-center" ng-cloak ng-show="
viewCard.sourceContact &&
viewCard.sourceContact.addresses.length == 0
" ng-if="::!hasAnyRole('viewer')">

<img src="https://app.legalboards.io/img/no-address.png" width="50%" />
</div>
</div>
</div>
<!-- slider text E N D -->
</ng-if>
<ng-if ng-if="hasAsset('Legalboards') && !viewCard.sourceContact">
<div class="slide-in-content p-0" ng-if="viewCardTab === 'overview'">
<!-- HEADER TITLE -->

<div class="p-4" ng-clock ng-show="::viewCard.sourceMatter">
<div class="col-12 pl-0" ng-show="::viewCard.sourceMatter">
<h3 class="mb-2" ng-clock ng-show="::viewCard.sourceMatter">
<i class="icon-type plr-13 fas fa-suitcase bg-blue"></i>
{{ viewCard.sourceMatter.number }}
<span class="text-light mt-1 float-right status-{{
viewCard.sourceMatter.status
}}">
<span class="badge status-color-{{
viewCard.sourceMatter.status
}}">
{{ viewCard.sourceMatter.status_display }}
</span>
</span>
</h3>
</div>
<div class="col-12 pl-0 mt-3" ng-show="::viewCard.sourceMatter">
<h5><i class="fal fa-user-alt"></i> Client</h5>
<span class="text-light font-weight-bold">
<a target="_blank" ng-href="/contacts/{{ slugifyViewContact(viewCard.sourceMatter.client) }}">
{{ viewCard.sourceMatter.client.first_name }}
<ng-show ng-show="viewCard.sourceMatter.client.last_name">
- {{ viewCard.sourceMatter.client.last_name }}</ng-show>
</a>
</span>
<ng-show ng-show="viewCard.sourceMatter.client.email">
<span class="text-light">({{ viewCard.sourceMatter.client.email }})
</span>
</ng-show>
</div>
</div>

<div class="px-4 d-flex justify-content-start view-card-internal-tab">
<h4 class="title-view-card pr-4 tab-checklist" ng-class="{'tab-disable': viewCardTabInternal == 'checklist'}"
ng-click="viewCardTabInternal = 'checklist'">
<i class="fad fa-clipboard"></i> Checklist
</h4>
<h4 class="title-view-card pl-4 tab-details" ng-class="{'tab-disable': viewCardTabInternal == 'details'}"
ng-click="viewCardTabInternal = 'details'">
<i class="fad fa-info-square"></i> Details
</h4>
</div>

<div class="px-4 row border-botton"></div>

<div id="view-card-checklist-div" ng-show="viewCardTabInternal === 'checklist'">
<div class="px-4 row mb-0 py-2" ng-cloak
ng-if="viewCard.check_list_items && viewCard.check_list_items.length == 0">
<div class="col-12" ng-if="::!hasAnyRole('viewer')">
<h4 class="title-view-card"><i class="fad fa-clipboard"></i> Start a Checklist</h4>
</div>
<form class="col-12" ng-submit="saveCheckListItem(item)" ng-if="::!hasAnyRole('viewer')">
<div class="form-group">
<input class="form-control form-control-lg" type="text" ng-model="item.name"
placeholder="Create a new item here..." />
</div>
</form>
</div>

<div class="accordion checklist-accordion w-100 px-3 mt-3" id="checklistAccordion">

<div class="card border-0 mb-3" ng-repeat="check_list in viewCard.check_list_items">
<div class="card-header py-1 pr-3 pl-3 position-relative">
<button class="btn btn-block py-2 text-left p-0 text-decoration-none" type="button">
<span class="badge badge-pill bg-purple text-white mr-1">
{{ check_list.items_completed_count / check_list.items_count * 100 | number:0 }}%
</span>
<span class="text-dark" type="button" data-toggle="collapse"
data-target="#checklist-{{check_list.id}}" aria-expanded="true"
aria-controls="checklist-{{check_list.id}}"
>
{{ check_list.title}}
</span>
<a class="text-dark btn-black pl-2 text-sm" href="javascript:void(0)"
ng-click="openEditChecklist(check_list.id)"><i class="fa fa-pencil"></i></a>
<a class="text-dark btn-black pl-2 text-sm" href="javascript:void(0)"
ng-if="noShowContent(check_list.id, viewCard.check_list_items[0]['id'])"
ng-click="deleteCheckLists(check_list.id)"><i class="fa fa-trash-alt"></i></a>

<a class="btn-black text-dark pl-2 text-sm ml-auto float-right mt-1" href="javascript:void(0)"
data-toggle="collapse" data-target="#checklist-{{check_list.id}}" aria-expanded="true"
aria-controls="checklist-{{check_list.id}}"><i class="fa fa-chevron-down"></i></a>

<a class="btn-black text-dark pl-2 text-sm ml-auto float-right mt-1" style="display: none;"
href="javascript:void(0)" id="button_hide_complete_checklist_{{check_list.id}}"
ng-click="viewButtonListCompleted(true, check_list.id)">
<i class="fa fa-eye-slash mr-1"></i> Hide Completed Checklist
</a>
<a class="btn-black text-dark pl-2 text-sm ml-auto float-right mt-1"
href="javascript:void(0)" ng-if="isCheckedButton(check_list.items)"
id="button_show_complete_checklist_{{check_list.id}}"
ng-click="viewButtonListCompleted(false, check_list.id)"
>
<i class="fa fa-eye mr-1"></i>View Completed Checklist
</a>
</button>
<!-- Edit group name -->
<form style="display: none; top:4px; left:0px;background:#f1f3f7;" class="form-group position-absolute mb-0 w-100"
id="edit_title_check_list_{{check_list.id}}" ng-submit="editCheckList(check_list)">
<input type="text" class="form-control new-item py-2" id="inlineFormInputName2" ng-model="check_list.title" style="border-radius: 4px !important">
<button type="submit" class="btn btn-primary position-absolute p-0"
style="width: 34px;height: 34px;border-radius:50px!important;right:10px;top:6px">
<i class="fa fa-save"></i>
</button>
</form>
</div>

<div id="checklist-{{check_list.id}}" data-ids="{{check_list.id}}" class="collapse"
ng-class="{show: !noShowContent(check_list.id, viewCard.check_list_items[0]['id'])}"
data-parent="#checklistAccordion">
<div class="card-body p-0 pt-3">

<div class="progress mb-3 mx-3">
<div
class="progress-bar text-sm"
ng-style="{'width': (check_list.items_completed_count / check_list.items_count * 100) + '%'}"
role="progressbar"
aria-valuenow="{{ check_list.items_completed_count / check_list.items_count * 100 }}"
aria-valuemin="0"
aria-valuemax="100"
>
<span>{{ check_list.items_completed_count / check_list.items_count * 100 | number:0 }}%</span>
</div>
</div>

<!-- Unchecked list -->
<div
id="list_no_checked{{check_list.id}}"
class="col-12 px-0 sortable-checklist-items"
ui-sortable="sortableCheckListItemsOptions"
ng-model="check_list.unchecked"
>
<a-transclusion-directive>
<div
class="sortable-checklist-item"
ng-repeat="item in check_list.unchecked"
>
<form class="col-12 complete px-3 mb-1" ng-submit="saveCheckListItem(item, check_list)">
<div class="d-flex">
<div class="draggable align-items-center px-3">
<i class="fas fa-grip-lines"></i>
</div>
<div>
<input
type="checkbox"
class="checkbox_checklist"
aria-label="Checkbox for following text input"
ng-model="item.checked"
ng-change="saveCheckListItem(item, check_list)"
ng-true-value="1"
ng-false-value="0"
/>
</div>
<div class="flex-fill px-2">
<input
class="form-control py-0 px-2 bg-white"
type="text"
ng-model="item.name"
placeholder="Create a new item here..."
ng-blur="saveCheckListItem(item, check_list)"
/>
</div>
<div class="align-self-center">
<button class="btn p-0 btn-disable-danger" type="button"
ng-click="deleteCheckListsItems(item)">
<i class="fa fa-trash text-sm"></i>
</button>
</div>
</div>
</form>
</div>
</a-transclusion-directive>
<!-- Add new -->
<form class="pt-2" ng-submit="saveCheckListItem(newItem, check_list)"
ng-if="::!hasAnyRole('viewer')">
<div class="form-group position-relative mb-0">
<input class="form-control form-control-lg new-item pr-5" autocomplete="off" type="text"
name="name" ng-model="newItem.name"
placeholder="Create a new item here..." />
<button class="btn btn-primary position-absolute p-0"
style="width: 25px;height: 25px;border-radius:50px!important;right:10px;top:11px !important"><i
class="far fa-check"></i></button>
</div>
</form>
</div>

<!-- Checked list -->
<div
ng-if="isCheckedButton(check_list.items)"
id="list_checked_{{check_list.id}}"
class="col-12 px-0 py-3 sortable-checklist-items"
style="display: none"
ui-sortable="sortableCheckListItemsOptions"
ng-model="check_list.checked"
>
<div
class="sortable-checklist-item"
ng-repeat="item in check_list.checked"
>
<form
class="col-12 complete completed-checklist mb-1"
ng-submit="saveCheckListItem(item, check_list)"
>
<div class="d-flex">
<div class="draggable align-items-center px-3">
<i class="fas fa-grip-lines"></i>
</div>
<div>
<input type="checkbox" class="checkbox_checklist"
aria-label="Checkbox for following text input" ng-model="item.checked"
ng-change="saveCheckListItem(item, check_list)" ng-true-value="1"
ng-false-value="0" />
</div>
<div class="flex-fill px-2">
<input class="form-control py-0 px-2 bg-white" type="text" ng-model="item.name"
placeholder="Create a new item here..."
ng-blur="saveCheckListItem(item, check_list)" />
</div>
<div class="align-self-center">
<button class="btn btn-disable-danger p-0" type="button"
ng-click="deleteCheckListsItems(item)">
<i class="fa fa-trash"></i>
</button>
</div>
</div>
</form>
</div>
</div>

</div>
</div>





</div>
<!-- card end -->
</div>


<div class="row mb-0 py-3 px-4" id="formAddChecklist" ng-cloak
ng-if="viewCard.check_list_items && viewCard.check_list_items.length > 0">

<div class="col-12 text-center" ng-if="::!hasAnyRole('viewer')">
<button class="btn btn-primary" id="butSHowformNewChecklist"
onClick="$('#formNewChecklist').toggle(300),$('#butSHowformNewChecklist').toggle(300)"><i class="far fa-plus mr-2"></i> New group</button>
</div>

<form class="col-12" ng-submit="saveCheckListItem(newChecklist)" id="formNewChecklist"
ng-if="::!hasAnyRole('viewer')" style="display: none;">
<h4 class="color-purple">Add a New Checklist Group</h4>
<div class="form-group m-0 position-relative mb-2">

<input class="form-control bg-white" autocomplete="off"
style="background: #fff!important;box-shadow :0 0 17px rgb(111 128 151 / 13%);padding-right:180px;" type="text"
id="newChecklist-title" ng-model="newChecklist.title" placeholder="New Checklist Group">
<button class="btn-link position-absolute text-decoration-none" type="button" style="color:#7B8A9F !important;right:120px; top:11px" id="butHideformNewChecklist"
onClick="$('#formNewChecklist').toggle(300),$('#butSHowformNewChecklist').toggle(300)">Cancel</button>
<button class="btn btn-primary px-3 py-1 position-absolute" ng-disabled="!newChecklist.title"
style="height: 34px;right:10px;top:6px;"
onclick="$('#button_hide_complete_checklist').fadeOut();$('#button_show_complete_checklist').fadeIn();">
<i class="fa fa-save mr-2"></i>Create
</button>
</div>
</form>
</div>
<!-- accordion end -->
</div>

<div class="px-4" id="view-card-details-div" ng-show="viewCardTabInternal === 'details'">

<div class="row mb-0 pb-2 border-botton" ng-cloak ng-show="::viewCard.sourceMatter">
<div class="col-md-4">
<h5><i class="fal fa-folder-open"></i> Opening</h5>
<span class="text-light">{{
viewCard.sourceMatter.opening_at
| amUtc
| amDateFormat: "L"
}}</span>
</div>
<div class="col-md-4" ng-if="viewCard.sourceMatter.limiting_at">
<h5>
<i class="fas fa-exclamation-triangle"></i>
Limiting:
</h5>
<span class="text-light">{{
viewCard.sourceMatter.limiting_at
| amUtc
| amDateFormat: "L"
}}</span>
</div>
<div class="col-md-4" ng-if="viewCard.sourceMatter.status === 'close'">
<h5><i class="fas fa-times-circle"></i> Closed:</h5>
{{
viewCard.sourceMatter.closing_at | amUtc | amDateFormat: "L"
}}
</div>

<div class="col-md-4" ng-cloak>
<h5><i class="fal fa-tag"></i> Practice area</h5>
<span class="text-light">{{ viewCard.sourceMatter.area.name }}</span>
</div>
<div class="col-md-12 mt-3" ng-cloak>
<h5>
<i class="fas fa-align-left"></i> Description
</h5>
<span class="text-light">{{ viewCard.sourceMatter.description }}</span>
</div>
</div>

<div class="row mb-0 pb-2 border-botton" ng-show="viewCard.sourceMatter.custom_field_answers.length > 0">




<div
class="col-md-6"
ng-repeat="answer in viewCard.sourceMatter.custom_field_answers track by $index"
ng-class="{
'col-md-12': answer.answer.length >= 150
}"
>
<h5>{{ answer.custom_field.value }}</h5>
<span class="text-light">
<ng-if ng-if="answer.option">
{{ answer.option.value }}
</ng-if>
<ng-if ng-if="answer.document">
<a href="" ng-click="documentsDownload(answer.document)" class="mr-2">{{ answer.answer }}</a>

<a ng-if="answer && answer.document"
href="#"
class="mr-1"
ng-click="documentsDownload(answer.document)"
type="button"
>
<i class="fas text-md fa-arrow-circle-down color-purple"></i>
</a>
<a ng-if="answer && answer.document"
href="#"
class="mr-2"
ng-click="getDocumentLink(answer.document)"
type="button"
>
<i class="text-md" ng-class="{
'fa-solid fa-check text-success': isSuccessCopyLink,
'fa-regular fa-link share-link-color': !isSuccessCopyLink
}"></i>
</a>
</ng-if>
<ng-if ng-if="!answer.option && !answer.document">
{{ answer.answer }}
</ng-if>
</span>
</div>
</div>



<br />

<div class="row mb-0 pb-2" ng-cloak ng-show="viewCard.sourceMatter">
<div class="col-12">
<h3><i class="fas fa-user-tie"></i> Attorneys</h3>
</div>
<div class="col-6 details-dropdown">
<h5>Responsible</h5>
<ui-select autofocus-ui-select
ng-model="viewCard.sourceMatter.responsible"
theme="select2"
on-select="updateMatterResponsibleOrOriginating(viewCard)"
ng-disabled="!hasAnyRole(['admin', 'member'])">
<ui-select-match allow-clear placeholder="Responsible">

{{ viewCard.sourceMatter.responsible.first_name }} {{
viewCard.sourceMatter.responsible.last_name
}}
</ui-select-match>
<ui-select-choices
repeat="user in account_users | filter:{first_name:$select.search} track by $index">
{{ user.first_name }} {{ user.last_name }}
</ui-select-choices>
</ui-select>
</div>
<div class="col-6 details-dropdown">
<h5>Originating</h5>
<ui-select autofocus-ui-select ng-model="viewCard.sourceMatter.originating" theme="select2"
on-select="updateMatterResponsibleOrOriginating(viewCard)"
ng-disabled="!hasAnyRole(['admin', 'member'])">
<ui-select-match allow-clear placeholder="Originating">
{{ viewCard.sourceMatter.originating.first_name }} {{
viewCard.sourceMatter.originating.last_name
}}
</ui-select-match>
<ui-select-choices
repeat="user in account_users | filter:{first_name:$select.search} track by $index">
{{ user.first_name }} {{ user.last_name }}
</ui-select-choices>
</ui-select>
</div>
</div>

<div class="row" ng-cloak ng-show="viewCard.sourceMatter">
<div class="col-12 mt-3">
<h3>
<i class="fas fa-users"></i> Related Contacts
</h3>
</div>

<div class="col-12">
<table class="table table-striped" ng-if="viewCard.sourceMatter.members.length">
<tbody>
<tr ng-repeat="member in viewCard.sourceMatter.members track by member.id">
<td>
<h5>
{{ member.contact.first_name }}
<ng-show ng-show="member.contact.last_name">
{{ member.contact.last_name }}
</ng-show>
</h5>
<span>{{ member.contact.email }}</span>
</td>
<td style="width: 40%">{{ member.type.name }}</td>
<td style="width: 60px">
<button class="btn" ng-click="confirmRemoveMatterMember($index, member)"
ng-if="::!hasAnyRole('viewer')">
<i class="fas fa-trash-alt h6"></i>
</button>
</td>
</tr>
</tbody>
</table>

<ng-if ng-if="::hasAnyRole(['admin', 'member'])">
<div class="row mt-0" ng-cloak ng-show="::viewCard.sourceMatter">
<div class="col-12 mb-2">
<h5 class="mt-0">Add Related Contact</h5>
</div>
<div class="col-6 mb-3 related-select details-dropdown">
<label>
Contact
<i class="fas fa-question-circle" title="If you can`t find what you want, you can create a new here, just hit enter!">
</i>
</label>
<ui-select autofocus-ui-select ng-model="matterMemberSelect.contact" theme="select2" tagging="taggingContact"
tagging-label="false"
class="multipleFind"
ng-disabled="!hasAnyRole(['admin', 'member'])">
<ui-select-match allow-clear placeholder="Contact">
{{ matterMemberSelect.contact.first_name }} {{
matterMemberSelect.contact.last_name
}}
</ui-select-match>
<ui-select-choices refresh="searchContacts($select)" refresh-delay="1000"
group-by="'groupName'"
repeat="contact in grouped_contacts | notAMatterMember:viewCard.sourceMatter.members track by contact.id">
<div ng-click="matterMemberSelect.groupName = contact.groupName">
{{ contact.first_name }}
<ng-show ng-show="contact.last_name">
{{ contact.last_name }}
</ng-show>
</div>
</ui-select-choices>
<ui-select-no-choice>
<p class="text-center mb-0" style="font-size: 12px;">No contacts found</p>
<div class="margin-create-new">
<div class="no-item-create">
<div class="new-item-contact">
<div>
<i class="fa-solid fa-user-plus"></i>
</div>
<h2>Add New Contact</h2>
<h4>Press enter to create</h4>
</div>
</div>
</div>
</ui-select-no-choice>
</ui-select>
</div>

<div class="col-6 related-select details-dropdown">
<label>
Role
<i class="fas fa-question-circle" title="If you can`t find what you want, you can create a new here, just hit enter!">
</i>
</label>
<ui-select autofocus-ui-select ng-model="matterMemberSelect.parameter" theme="select2" tagging="taggingRole"
tagging-label="false"
ng-disabled="!hasAnyRole(['admin', 'member'])">
<ui-select-match placeholder="Role">{{
matterMemberSelect.parameter.name
}}</ui-select-match>
<ui-select-choices repeat="parameter in parameters | filter:$select.search track by $index">
{{ parameter.name }}
</ui-select-choices>
<ui-select-no-choice>
<p class="text-center mb-0" style="font-size: 12px;">No roles found</p>
<div class="margin-create-new">
<div class="no-item-create">
<div class="new-item-contact">
<div>
<i class="fa-solid fa-users-gear"></i>
</div>
<h2>Add New Role</h2>
<h4>Press enter to create</h4>
</div>
</div>
</div>
</ui-select-no-choice>
</ui-select>
</div>
<br />
<!-- this button will slide in the form tab -->
<div class="col-12">
<button class="btn bg-green bg-btn-green btn-block mb-3" id="add-pessoa" style="height: auto !important;"
ng-disabled="!matterMemberSelect.contact || !matterMemberSelect.parameter"
ng-click="addMatterMember(matterMemberSelect)" ng-class="{ loading: loading }">
Add Related Contact
</button>
</div>
</div>
</ng-if>

</div>
</div>

<div class="row" ng-cloak ng-show="viewCard.sourceMatter && viewCard.sourceMatter.matter.publications.length > 0">
<div class="col-12 mt-4 mb-0">
<h3>
<i class="fa-solid fa-briefcase-arrow-right"></i> Related Cases
</h3>

<table class="table table-striped" ng-if="viewCard.sourceMatter.cases.length">
<tbody>
<tr ng-repeat="matterCase in viewCard.sourceMatter.cases track by matterCase.id">
<td>
<h5>
{{ matterCase.case_number }}
</h5>
</td>
<td style="width: 40%">{{ matterCase.relation.name }}</td>
<td style="width: 60px">
<button class="btn" ng-click="confirmRemoveMatterCase($index, matterCase)"
ng-if="::!hasAnyRole('viewer')">
<i class="fas fa-trash-alt h6"></i>
</button>
</td>
</tr>
</tbody>
</table>

<ng-if ng-if="::hasAnyRole(['admin', 'member'])">
<div class="row mt-0" ng-cloak ng-show="viewCard.sourceMatter">
<div class="col-12 mb-2">
<h5 class="mt-0">Add Related Case</h5>
</div>
<div class="col-6 mb-3 related-select details-dropdown">
<label>Case Number</label>
<input type="text" class="form-control" ng-model="matterCaseSelect.case" placeholder="Input Case Number" />
</div>

<div class="col-6 related-select details-dropdown">
<label>
Role
<i class="fas fa-question-circle" title="If you can`t find what you want, you can create a new here, just hit enter!">
</i>
</label>
<ui-select autofocus-ui-select ng-model="matterCaseSelect.parameter" theme="select2" tagging="taggingRole"
tagging-label="false"
ng-disabled="!hasAnyRole(['admin', 'member'])">
<ui-select-match allow-clear placeholder="Role">{{
matterCaseSelect.parameter.name
}}</ui-select-match>
<ui-select-choices repeat="parameter in relationship_cases | filter:$select.search track by $index">
{{ parameter.name }}
</ui-select-choices>
</ui-select>
</div>
<br />
<!-- this button will slide in the form tab -->
<div class="col-12">
<button class="btn bg-green bg-btn-green btn-block" id="add-pessoa" style="height: auto !important;"
ng-disabled="!matterCaseSelect.case || !matterCaseSelect.parameter"
ng-click="addMatterCase(matterCaseSelect)" ng-class="{ loading: loading }">
Add Related Case
</button>
</div>

<div class="col-12 my-3" ng-show="viewCard.sourceMatter.status !== 'close'">
<hr />
<span class="red" ng-show="viewCard.sourceMatter.status !== 'close'" ng-cloak>
<button class="btn btn-danger" style="font-weight: 400 !important;" ng-click="openCloseCaseModal(viewCard.sourceMatter)"
ng-if="!hasAnyRole('viewer')"
ng-disabled="!hasAnyRole(['admin', 'member'])"
>
<!-- <i class="fas fa-times"></i> -->
Close Matter
</button>
</span>
</div>

</div>
</ng-if>

</div>
</div>
</div>
</div>
<script>
</script>
<!-- slider text E N D -->
</ng-if>
<ng-if ng-if="hasAsset('Clio') && !viewCard.sourceContact">
<!-- slider text S T A R T -->
<div class="slide-in-content p-0" ng-if="viewCardTab === 'overview'">
<!-- HEADER TITLE -->
<div class="p-4">
<h3 class="mb-2" ng-clock>
<i class="icon-type plr-13 fas fa-suitcase bg-blue"></i>
{{ viewCard.sourceMatter.display_number }}
<span class="text-light mt-1 float-right status-{{
viewCard.sourceMatter.status
}}">
<span class="badge status-color-{{
viewCard.sourceMatter.status
}}">{{ viewCard.sourceMatter.status_display }}</span>
</span>
</h3>

<div class="row w-100 mt-0 mb-12 overview-data-wrapper">
<div class="col-md-6">
<h5><i class="far fa-id-card-alt"></i> Client</h5>
<span class="text-light">
{{ viewCard.sourceMatter.client.name }}

<ng-show ng-show="
viewCard.sourceMatter.client.primary_email_address
">
<br />({{
viewCard.sourceMatter.client.primary_email_address
}})
</ng-show>
</span>
</div>

<div class="col-md-6">
<h5><i class="far fa-tag"></i> Practice area</h5>
<span class="text-light">
{{ viewCard.sourceMatter.practice_area.name }}
</span>
</div>
</div>
</div>

<div class="px-4 d-flex justify-content-start overview-data view-card-internal-tab">
<h4 class="title-view-card px-4 py-2 tab-checklist" ng-class="{'tab-disable': viewCardTabInternal == 'checklist'}"
ng-click="viewCardTabInternal = 'checklist'">
<i class="far fa-clipboard"></i> Checklist
</h4>
<h4 class="title-view-card px-4 py-2 tab-details" ng-class="{'tab-disable': viewCardTabInternal == 'details'}"
ng-click="viewCardTabInternal = 'details'">
<i class="far fa-info-square"></i> Details
</h4>
</div>

<div class="px-4 row"></div>

<div id="view-card-checklist-div" class="px-2" ng-show="viewCardTabInternal === 'checklist'">
<div class="px-4 row mb-0 py-2" ng-cloak
ng-if="viewCard.check_list_items && viewCard.check_list_items.length == 0">
<div class="col-12" ng-if="::!hasAnyRole('viewer')">
<h4 class="title-view-card"><i class="far fa-clipboard"></i> Start a Checklist</h4>
</div>
<form class="col-12" ng-submit="saveCheckListItem(item)" ng-if="::!hasAnyRole('viewer')">
<div class="form-group">
<input class="form-control form-control-lg" type="text" ng-model="item.name"
placeholder="Create a new item here..." />
</div>
</form>
</div>

<div class="accordion checklist-accordion w-100 px-3 mt-3" id="checklistAccordion">

<div class="card border-0 mb-3" ng-repeat="check_list in viewCard.check_list_items">
<div class="card-header py-1 pr-3 pl-3 position-relative">
<button class="btn btn-block py-2 text-left p-0 text-decoration-none" type="button">
<span class="badge badge-pill bg-purple text-white mr-1">
{{ check_list.items_completed_count / check_list.items_count * 100 | number:0 }}%
</span>
<span class="text-dark" type="button" data-toggle="collapse"
data-target="#checklist-{{check_list.id}}" aria-expanded="true"
aria-controls="checklist-{{check_list.id}}"
>
{{ check_list.title}}
</span>
<a class="text-dark btn-black pl-2 text-sm" href="javascript:void(0)"
ng-click="openEditChecklist(check_list.id)"><i class="fa fa-pencil"></i></a>
<a class="text-dark btn-black pl-2 text-sm" href="javascript:void(0)"
ng-if="noShowContent(check_list.id, viewCard.check_list_items[0]['id'])"
ng-click="deleteCheckLists(check_list.id)"><i class="fa fa-trash-alt"></i></a>

<a class="btn-black text-dark pl-2 text-sm ml-auto float-right mt-1" href="javascript:void(0)"
data-toggle="collapse" data-target="#checklist-{{check_list.id}}" aria-expanded="true"
aria-controls="checklist-{{check_list.id}}"><i class="fa fa-chevron-down"></i></a>

<a class="btn-black text-dark pl-2 text-sm ml-auto float-right mt-1" style="display: none;"
href="javascript:void(0)" id="button_hide_complete_checklist_{{check_list.id}}"
ng-click="viewButtonListCompleted(true, check_list.id)">
<i class="fa fa-eye-slash mr-1"></i> Hide Completed Checklist
</a>
<a class="btn-black text-dark pl-2 text-sm ml-auto float-right mt-1"
href="javascript:void(0)" ng-if="isCheckedButton(check_list.items)"
id="button_show_complete_checklist_{{check_list.id}}"
ng-click="viewButtonListCompleted(false, check_list.id)"
>
<i class="fa fa-eye mr-1"></i>View Completed Checklist
</a>
</button>
<!-- Edit group name -->
<form style="display: none; top:4px; left:0px;background:#f1f3f7;" class="form-group position-absolute mb-0 w-100"
id="edit_title_check_list_{{check_list.id}}" ng-submit="editCheckList(check_list)">
<input type="text" class="form-control new-item py-2" id="inlineFormInputName2" ng-model="check_list.title" style="border-radius: 4px !important">
<button type="submit" class="btn btn-primary position-absolute p-0"
style="width: 34px;height: 34px;border-radius:50px!important;right:10px;top:6px">
<i class="fa fa-save"></i>
</button>
</form>
</div>

<div id="checklist-{{check_list.id}}" data-ids="{{check_list.id}}" class="collapse"
ng-class="{show: !noShowContent(check_list.id, viewCard.check_list_items[0]['id'])}"
data-parent="#checklistAccordion">
<div class="card-body p-0 pt-3">

<div class="progress mb-3 mx-3">
<div
class="progress-bar text-sm"
ng-style="{'width': (check_list.items_completed_count / check_list.items_count * 100) + '%'}"
role="progressbar"
aria-valuenow="{{ check_list.items_completed_count / check_list.items_count * 100 }}"
aria-valuemin="0"
aria-valuemax="100"
>
<span>{{ check_list.items_completed_count / check_list.items_count * 100 | number:0 }}%</span>
</div>
</div>

<!-- Unchecked list -->
<div
id="list_no_checked{{check_list.id}}"
class="col-12 px-0 sortable-checklist-items"
ui-sortable="sortableCheckListItemsOptions"
ng-model="check_list.unchecked"
>
<a-transclusion-directive>
<div
class="sortable-checklist-item"
ng-repeat="item in check_list.unchecked"
>
<form class="col-12 complete px-3 mb-1" ng-submit="saveCheckListItem(item, check_list)">
<div class="d-flex">
<div class="draggable align-items-center px-3">
<i class="fas fa-grip-lines"></i>
</div>
<div>
<input
type="checkbox"
class="checkbox_checklist"
aria-label="Checkbox for following text input"
ng-model="item.checked"
ng-change="saveCheckListItem(item, check_list)"
ng-true-value="1"
ng-false-value="0"
/>
</div>
<div class="flex-fill px-2">
<input
class="form-control py-0 px-2 bg-white"
type="text"
ng-model="item.name"
placeholder="Create a new item here..."
ng-blur="saveCheckListItem(item, check_list)"
/>
</div>
<div class="align-self-center">
<button class="btn p-0 btn-disable-danger" type="button"
ng-click="deleteCheckListsItems(item)">
<i class="fa fa-trash text-sm"></i>
</button>
</div>
</div>
</form>
</div>
</a-transclusion-directive>
<!-- Add new -->
<form class="pt-2" ng-submit="saveCheckListItem(newItem, check_list)"
ng-if="::!hasAnyRole('viewer')">
<div class="form-group position-relative mb-0">
<input class="form-control form-control-lg new-item pr-5" autocomplete="off" type="text"
name="name" ng-model="newItem.name"
placeholder="Create a new item here..." />
<button class="btn btn-primary position-absolute p-0"
style="width: 25px;height: 25px;border-radius:50px!important;right:10px;top:11px !important"><i
class="far fa-check"></i></button>
</div>
</form>
</div>

<!-- Checked list -->
<div
ng-if="isCheckedButton(check_list.items)"
id="list_checked_{{check_list.id}}"
class="col-12 px-0 py-3 sortable-checklist-items"
style="display: none"
ui-sortable="sortableCheckListItemsOptions"
ng-model="check_list.checked"
>
<div
class="sortable-checklist-item"
ng-repeat="item in check_list.checked"
>
<form
class="col-12 complete completed-checklist mb-1"
ng-submit="saveCheckListItem(item, check_list)"
>
<div class="d-flex">
<div class="draggable align-items-center px-3">
<i class="fas fa-grip-lines"></i>
</div>
<div>
<input type="checkbox" class="checkbox_checklist"
aria-label="Checkbox for following text input" ng-model="item.checked"
ng-change="saveCheckListItem(item, check_list)" ng-true-value="1"
ng-false-value="0" />
</div>
<div class="flex-fill px-2">
<input class="form-control py-0 px-2 bg-white" type="text" ng-model="item.name"
placeholder="Create a new item here..."
ng-blur="saveCheckListItem(item, check_list)" />
</div>
<div class="align-self-center">
<button class="btn btn-disable-danger p-0" type="button"
ng-click="deleteCheckListsItems(item)">
<i class="fa fa-trash"></i>
</button>
</div>
</div>
</form>
</div>
</div>

</div>
</div>





</div>
<!-- card end -->
</div>


<div class="row mb-0 py-3 px-4" id="formAddChecklist" ng-cloak
ng-if="viewCard.check_list_items && viewCard.check_list_items.length > 0">

<div class="col-12 text-center" ng-if="::!hasAnyRole('viewer')">
<button class="btn btn-primary" id="butSHowformNewChecklist"
onClick="$('#formNewChecklist').toggle(300),$('#butSHowformNewChecklist').toggle(300)"><i class="far fa-plus mr-2"></i> New group</button>
</div>

<form class="col-12" ng-submit="saveCheckListItem(newChecklist)" id="formNewChecklist"
ng-if="::!hasAnyRole('viewer')" style="display: none;">
<h4 class="color-purple">Add a New Checklist Group</h4>
<div class="form-group m-0 position-relative mb-2">

<input class="form-control bg-white" autocomplete="off"
style="background: #fff!important;box-shadow :0 0 17px rgb(111 128 151 / 13%);padding-right:180px;" type="text"
id="newChecklist-title" ng-model="newChecklist.title" placeholder="New Checklist Group">
<button class="btn-link position-absolute text-decoration-none" type="button" style="color:#7B8A9F !important;right:120px; top:11px" id="butHideformNewChecklist"
onClick="$('#formNewChecklist').toggle(300),$('#butSHowformNewChecklist').toggle(300)">Cancel</button>
<button class="btn btn-primary px-3 py-1 position-absolute" ng-disabled="!newChecklist.title"
style="height: 34px;right:10px;top:6px;"
onclick="$('#button_hide_complete_checklist').fadeOut();$('#button_show_complete_checklist').fadeIn();">
<i class="fa fa-save mr-2"></i>Create
</button>
</div>
</form>
</div>
<!-- accordion end -->
</div>

<div class="px-4 pt-0" id="view-card-details-div" ng-show="viewCardTabInternal === 'details'">

<div class="row mb-0 pb-2 border-botton">
<div class="col-md-3">
<h5><i class="far fa-calendar"></i> Open date</h5>
<span class="text-light">
{{ viewCard.sourceMatter.open_date | amDateFormat: "L" }}
</span>
</div>
<div class="col-md-3">
<h5>
<i class="far fa-calendar-minus"></i>
Pending date
</h5>
<span class="text-light">
{{
viewCard.sourceMatter.pending_date | amDateFormat: "L"
}}
</span>
</div>
<div class="col-md-3">
<h5>
<i class="far fa-calendar-exclamation"></i>
Limitations date
</h5>
<span class="text-light">
{{ viewCard.sourceMatter.statute_of_limitations.name }}
<ng-show ng-show="
viewCard.sourceMatter.statute_of_limitations.due_at
">
({{
viewCard.sourceMatter.statute_of_limitations.due_at
| amDateFormat: "L"
}})
</ng-show>
</span>
</div>
<div class="col-md-3">
<h5>
<i class="far fa-calendar-times"></i> Close date
</h5>
<span class="text-light">
{{ viewCard.sourceMatter.close_date | amDateFormat: "L" }}
</span>
</div>
</div>

<div class="row mb-0 pb-2 border-botton">
<div class="col-12">
<h5>
<i class="far fa-align-left"></i> Description
</h5>
<span class="text-light">
{{ viewCard.sourceMatter.description }}
</span>
</div>
</div>
<div class="row mb-0 pb-2 border-botton">
<div class="col-md-6">
<h5>
<i class="far fa-user-tie"></i>
Responsible attorney
</h5>
<span class="text-light">
{{ viewCard.sourceMatter.responsible_attorney.name }}
<ng-show ng-show="
viewCard.sourceMatter.responsible_attorney.email
">
({{
viewCard.sourceMatter.responsible_attorney.email
}})
</ng-show>
</span>
</div>
<div class="col-md-6">
<h5>
<i class="far fa-user-tag"></i>
Originating attorney
</h5>
<span class="text-light">
{{ viewCard.sourceMatter.originating_attorney.name }}
<ng-show ng-show="
viewCard.sourceMatter.originating_attorney.email
">
({{
viewCard.sourceMatter.originating_attorney.email
}})
</ng-show>
</span>
</div>
</div>
<div class="row mb-0 pb-2 border-botton">
<div class="col-md-4">
<h5>
<i class="fal fa-user-alt"></i>
Client reference number
</h5>
<span class="text-light">
{{ viewCard.sourceMatter.client_reference }}
</span>
</div>
<div class="col-md-4">
<h5><i class="far fa-map-marker"></i> Location</h5>
<span class="text-light">
{{ viewCard.sourceMatter.location }}
</span>
</div>
<div class="col-md-4">
<h5>
<i class="far fa-file-invoice-dollar"></i>
Billable
</h5>
<span class="text-light">
{{ viewCard.sourceMatter.billable ? "Yes" : "No" }}, {{
viewCard.sourceMatter.billing_method
}}
</span>
</div>
</div>

<div class="row mb-0 pb-2 border-botton" ng-show="viewCard.sourceMatter.custom_field_values.length > 0">
<div class="col-md-4" ng-repeat="custom_field in viewCard.sourceMatter.custom_field_values | clioCustomFieldsFilled">
<h5>{{ custom_field.field_name }}</h5>
<span class="text-light">
<ng-if ng-if="custom_field.picklist_option">
+ {{ custom_field.picklist_option.option }}
</ng-if>

<ng-if ng-if="custom_field.contact">
+ {{ custom_field.contact.name }}
</ng-if>

<ng-if ng-if="['contact', 'matter', 'picklist'].indexOf(custom_field.field_type) == -1">
+ {{ custom_field.value }}
</ng-if>
</span>
</div>

<div class='row w-100' ng-if="clioCustomFieldsNotFilledFiltered.length > 0">
<button
type="button"
class="btn btn-small btn-outline-primary complete-tasks mb-5"
onclick="$('#clio_custom_field_unanswer_fields').toggle('show')"
>
Show/hide unanswered fields
</button>
</div>


<div class='row w-100 ml-2' id="clio_custom_field_unanswer_fields" style="display: none;">
<div class="col-md-4" ng-repeat="custom_field in viewCard.sourceMatter.custom_field_values | clioCustomFieldsNotFilled as clioCustomFieldsNotFilledFiltered">
<h5>{{ custom_field.field_name }}</h5>
<span class="text-light">
<ng-if ng-if="custom_field.picklist_option">
+ {{ custom_field.picklist_option.option }}
</ng-if>

<ng-if ng-if="custom_field.contact">
+ {{ custom_field.contact.name }}
</ng-if>

<ng-if ng-if="['contact', 'matter', 'picklist'].indexOf(custom_field.field_type) == -1">
+ {{ custom_field.value }}
</ng-if>
</span>
</div>
</div>
</div>
</div>
</div>
<!-- slider text E N D -->
</ng-if>
</ng-if>
<!-- slider text S T A R T -->
<div class="slide-in-content" ng-if="viewCardTab === 'follow_ups'">
<!-- HEADER TITLE -->

<h3 class="mb-2">
Timeline
<span ng-show="!hasAsset('Legalboards')"
><i class="fa fa-exclamation-circle exclusive-feature"></i
></span>
</h3>
<div class="col-12 px-0">
<form
name="followUpFormInline"
ng-submit="saveFollowUp(follow_up_form_inline, followUpFormInline)"
>
<p class="mb-1">
<strong class="color-purple">Create a new follow up</strong>
</p>

<div class="form-row mb-3">
<div class="col-12 trix-custom">
<trix-editor
angular-trix
name="description"
ng-model="follow_up_form_inline.description"
rows="50"
placeholder="Do you have some news? Share here!"
ng-keyup="dirtyAngularTrix = true"
required
trix-id="8"
onClick="$('#follow_up-form-inline').show('slow'), $('#trix-toolbar-8').show('slow'), document.querySelector('trix-editor').focus();"
></trix-editor>
</div>
</div>

<div
class="form-row mb-3"
id="follow_up-form-inline"
style="display: none;"
>
<div class="col-7">
<ui-select
autofocus-ui-select
ng-model="follow_up_form_inline.type"
theme="select2"
close-on-selet="false"
tagging="tagginFollowUpType"
tagging-label="false"
name="type"
>
<ui-select-match
allow-clear
placeholder="Type"
>
{{ follow_up_form_inline.type.name }}
</ui-select-match>
<ui-select-choices
repeat="type in follow_up_parameters | filter: $select.search"
>
{{ type.name }}
</ui-select-choices>
<ui-select-no-choice>
<p class="text-center">Type not found</p>
<div class="no-item-create">
<h2>Add New Type</h2>
<i class="fad fa-tags"></i>
<h4>Hit enter add new</h4>
</div>
</ui-select-no-choice>
</ui-select>
</div>

<div class="col-4">
<button
type="submit"
class="btn btn-primary btn-block mb-3"
ng-disabled="followUpFormInline.$invalid || loading"
onClick="$('#follow_up-form-inline').hide('slow'), $('#trix-toolbar-8').hide('slow')"
ng-class="{ loading: loading }"
>
Post
</button>
</div>
<div class="col-1">
<a
class="btn btn-outline-info btn-block mb-3 px-0"
onClick="$('#follow_up-form-inline').hide('slow'), $('#trix-toolbar-8').hide('slow')"
>
<i class="fad fa-trash"></i>
</a>
</div>
</div>
</form>
</div>

<div class="col-md-6 mt-3 pl-0" ng-show="viewCard.follow_ups.length != 0">
<div class="search-simple">
<input
type="text"
id="search-timeline"
class="form-control"
ng-model="searchFollowUps"
placeholder="Search about something..."
/>
<span class="search-icon">
<i class="fas fa-search"></i>
</span>
</div>
</div>

<div class="row mb-3 col-12 mr-0 px-0">
<div
class="col-12 mt-3"
ng-cloak
ng-show="viewCard.follow_ups.length === 0"
>
<div class="text-center" ng-if="::!hasAnyRole('viewer')">
<img src="https://app.legalboards.io/img/no-timeline.png" width="50%" />
</div>
</div>
<div
class="col-12 mr-0 pl-2 pr-0 pt-3 page-listagem"
ng-class="{ 'empty-box': viewCard.follow_ups.length === 0 }"
ng-show="viewCard.follow_ups.length != 0"
>
<div
class="col-12 folloup-list"
ng-repeat="follow_up in viewCard.follow_ups | filter:searchFollowUps track by follow_up.id"
ng-class="{ 'item-new': follow_up.isNew }"
>
<div ng-show="follow_up.isNew" class="item-new-box">
<i class="fad fa-check-circle item-new-check"></i>
</div>
<i class="fas fa-circle bullet-timeline"></i>
<span class="mb-0 details-task">
<div
ng-if="follow_up.user"
class="user-avatar user-avatar-list raio-40 mr-2"
ng-class="::$root.getRandomAvatarBackground($index)"
title="{{ follow_up.user.first_name }} {{
follow_up.user.last_name
}}"
style="background-image:url({{ follow_up.user.avatar }});"
>
<span ng-if="!follow_up.user.avatar">
{{ follow_up.user.initials }}
</span>
</div>

<div
ng-if="!follow_up.user && !follow_up.asset"
class="user-avatar user-avatar-list raio-40 mr-2 bg-purple"
title="Automation Log"
>
<i class="fal fa-robot h3 mt-1"></i>
</div>

<div
ng-show="follow_up.asset"
class="user-avatar user-avatar-list raio-40 mr-2"
ng-class="::$root.getRandomAvatarBackground($index)"
title="{{ follow_up.asset.name }}"
style="background-image:url(img/ico-{{ follow_up.asset.id }}.png);"
>
</div>
<p class="mb-3">
<span ng-if="!follow_up.user && !follow_up.asset">
<strong>Automation Log</strong>
</span>
<span ng-if="!follow_up.user && follow_up.asset">
<strong>{{ follow_up.asset.name }}</strong>
</span>
<span ng-if="follow_up.user">
<strong>{{
follow_up.user
? follow_up.user.first_name
: follow_up.asset.name
}}</strong>
</span>
<br />
{{ follow_up.created_at | amDateFormat: "L" }}
</p>
<a
class="p-2 btn float-right"
ng-click="confirmDeleteFollowUp(follow_up)"
ng-if="!hasAnyRole('viewer') && follow_up.user"
>
<i class="fad fa-trash"></i>
</a>
<a
class="p-2 btn float-right"
ng-click="openFollowUpForm(follow_up)"
ng-if="!hasAnyRole('viewer') && follow_up.user"
>
<i class="fad fa-pen"></i>
</a>
</span>
<h4 ng-if="follow_up.type">{{ follow_up.type.name }}</h4>
<p
class="mb-0 details-task"
ng-bind-html="follow_up.description"
></p>
</div>
</div>
</div>
</div>
<!-- slider text E N D -->
<ng-if ng-if="::hasAsset('Tasks')">
<!-- slider text S T A R T -->
<div
class="slide-in-content pr-2"
ng-if="hasAsset('Tasks') && viewCardTab === 'tasks'"
>
<!-- HEADER TITLE -->

<h3 class="mb-2">
Tasks

<span ng-if="::!hasAsset('Legalboards')">
<i
class="fa fa-exclamation-circle exclusive-feature"
title="This is an exclusive feature!"
></i>
</span>
<a
href=""
class="sub-menu small2"
ng-click="toggleCardTab('clio-tasks')"
ng-if="::hasAsset('Clio') && viewCard.matter_id"
>
<i class="fas fa-arrow-circle-left"></i>
Back to Clio&#039;s Tasks
</a>
<span class="divisor_sub_menu small2"></span>
<a ng-href="{{ buildTaskUrl(viewCard) }} " class="sub-menu small2">
<i class="fas fa-th-large"></i>
Board View
</a>
</h3>

<div class="row mb-3 col-12 mr-0 px-0">
<div class="col-12 mt-3 pr-0">
<form
name="taskFormInline"
ng-submit="createTask(task_form_inline, taskFormInline)"
>
<p class="mb-1">
<strong class="color-dark">Create a new task here</strong>
</p>
<div class="form-row mb-3">
<div class="col-12 pr-1">
<input
type="text"
class="form-control"
placeholder="What needs to be done?"
name="text"
ng-model="task_form_inline.title"
name="title"
onClick="$('#task-form-inline').show('slow')"
required
/>
</div>
</div>
<div id="task-form-inline" style="display: none;">
<div class="form-row mb-3">
<div class="col-4">
<ui-select
autofocus-ui-select
ng-model="task_form_inline.assignee"
theme="select2"
placeholder="Assignee"
required
>
<ui-select-match
placeholder="Assignee"
>
{{
task_form_inline.assignee.first_name
}}
{{ task_form_inline.assignee.last_name }}
</ui-select-match>
<ui-select-choices
repeat="user in account_team | filter:{first_name:$select.search} track by $index"
>
{{ user.first_name }} {{ user.last_name }}
</ui-select-choices>
</ui-select>
</div>
<div class="col-4">
<ui-select
autofocus-ui-select
ng-model="task_form_inline.status"
theme="select2"
close-on-selet="false"
tagging="tagginTaskStatus"
tagging-label="false"
name="status"
required
>
<ui-select-match
allow-clear
placeholder="Status"
>
{{ task_form_inline.status.name }}
</ui-select-match>
<ui-select-choices
repeat="status in task_statuses | filter: $select.search"
>
{{ status.name }}
</ui-select-choices>
</ui-select>
</div>
<div class="col-4">
<div class="datepicker-container">
<input
type="text"
placeholder="mm/dd/yyyy"
class="form-control datepicker"
autocomplete="off"
name="due"
ng-model="task_form_inline.due"
/>
<span class="datepicker-icon"
><i class="fas fa-caret-down"></i
></span>
</div>
</div>
<div class="col-11" style="margin-top: 10px;">
<button
type="submit"
class="btn btn-block btn-primary mb-2"
ng-disabled="taskFormInline.$invalid || loading"
onClick="$('#task-form-inline').hide('slow')"
ng-class="{ loading: loading }"
>
Save
</button>
<button
class="small font-weight-bold w-100 btn-link"
ng-click="openNewTaskModal(task_form_inline)"
ng-if="::!hasAnyRole('viewer')"
type="button"
>
Advanced
</button>
</div>
<div class="col-1" style="margin-top: 10px;">
<a
class="btn btn-outline-danger btn-block mb-3 px-0"
onClick="$('#task-form-inline').hide('slow')"
>
<i class="fad fa-trash"></i>
</a>
</div>
</div>
</div>
</form>
</div>

<div
class="col-12 mt-3 text-center"
ng-cloak
ng-show="viewCard.tasks.length === 0"
>
<img src="https://app.legalboards.io/img/no-tasks.png" width="50%" />
</div>

<div
class="row ml-0 mt-3 pr-0 w-100"
ng-cloak
ng-show="viewCard.tasks.length != 0"
>
<div
class="col-md-4 pl-2 mt-1"
ng-show="viewCard.tasks.length != 0"
>
<div class="search-simple">
<input
type="text"
class="form-control"
ng-model="searchTasks"
placeholder="Search Tasks"
/>
<span class="search-icon pl-2">
<i class="fas fa-search"></i>
</span>
</div>
</div>

<div class="col-md-4 pl-2" ng-show="viewCard.tasks.length != 0">
<div class="input-group" ng-cloak>
<!-- <select
ng-model="searchReporter"
ng-options="member as (member.first_name + ' ' + member.last_name) for member in account_users track by member.id"
>
<option value="">All Reporters</option>
</select> -->

<ui-select
ng-model="searchReporter"
theme="select2"
>
<ui-select-match allow-clear placeholder="All Reporters">
{{ searchReporter.first_name }} {{ searchReporter.last_name }}
</ui-select-match>
<ui-select-choices
repeat="member in account_users track by $index"
>
{{ member.first_name }} {{ member.last_name }}
</ui-select-choices>
</ui-select>
</div>
</div>

<div class="col-md-4 pl-1 pr-0" ng-show="viewCard.tasks.length != 0">
<div class="input-group" ng-cloak>
<!-- <select
ng-model="searchAssignee"
ng-options="member as (member.first_name + ' ' + member.last_name) for member in account_users track by member.id"
>
<option value="">All Assignee</option>
</select> -->

<ui-select
class="mr-0"
ng-model="searchAssignee"
theme="select2"
>
<ui-select-match allow-clear placeholder="All Assignee">
{{ searchAssignee.first_name }} {{ searchAssignee.last_name }}
</ui-select-match>
<ui-select-choices
repeat="member in account_users track by $index"
>
{{ member.first_name }} {{ member.last_name }}
</ui-select-choices>
</ui-select>
</div>
</div>
</div>

<div
class="col-12 ml-0 mr-0 pl-2 pr-0 page-listagem"
ng-show="viewCard.tasks.length != 0"
ng-cloak
>
<table class="mt-3 table-striped pb-3 colorDark">
<thead>
<tr>
<th class="p-0" style="width: 50px;">
<md-checkbox
ng-model="checkSelectedEditTasksAll.isChecked"
ng-change="toggleCheckBoxTask(filteredTasks, checkSelectedEditTasksAll)"
aria-label="Toggle"
class="md-primary"
>
</md-checkbox>
</th>
<th class="p-0" scope="col" ng-show="returnCountOfCheckedTasks(filteredTasks) > 0">
<div
class="list-delete but-dropdown-tasks"
ng-show="returnCountOfCheckedTasks(filteredTasks) > 0"
>
<span
data-toggle="dropdown" aria-haspopup="false" aria-expanded="true" ng-cloak>
<i class="fas fa-sort-down"></i>
</span>
<div class="dropdown-menu list-dropdown p-0 status-task-update" style="width: 250px">
<div class="card-option-list overflow-auto" style="max-height: 500px;">
<div class="tab-content" id="pills-tabContent-tasks">
<div class="tab-pane fade p-2 show active tab-pane-list-actions" role="tabpanel">
<p class="m-0 color-primary text-md"><strong>Update Status</strong></p>
</div>
</div>

<div ng-if="task_statuses_ungrouped.length > 0">
<ul class="nav nav-pills mb-0">
<li class="nav-item w-100" ng-repeat="task_status in task_statuses_ungrouped">
<span ng-click="taskBulkUpdateStatus(filteredTasks, task_status, checkSelectedEditTasksAll)">
{{ task_status.name }}
</span>
</li>
</ul>
</div>

<div ng-repeat="group in task_statuses_grouped">
<div class="tab-content">
<div class="tab-pane fade p-2 show active tab-pane-list-actions" role="tabpanel">
<p class="m-0 text-md font-weight-bold"><strong>{{ group.typeName }}</strong></p>
</div>
</div>
<ul class="nav nav-pills mb-0">
<li class="nav-item w-100" ng-repeat="task_status in group.statuses">
<span ng-click="taskBulkUpdateStatus(filteredTasks, task_status, checkSelectedEditTasksAll)">
{{ task_status.name }}
</span>
</li>
</ul>
</div>


<div class="tab-content" id="pills-tabContent-clio-tasks">
<div class="tab-pane fade p-2 show active tab-pane-list-actions" role="tabpanel">
<p class="m-0 color-primary text-md"><strong>Delete Tasks</strong></p>
</div>
</div>

<ul class="nav nav-pills mb-0">
<li class="nav-item w-100" ng-click="confirmTaskBulkDelete(filteredTasks)">
<span><i class="fa fa-trash" ></i> Delete all selected tasks</span>
</li>
</ul>

</div>
</div>
</div>
</th>
<th class="p-0" scope="col">
Title
</th>
<th class="p-0" scope="col">
Status
</th>
<th class="p-0" scope="col">

</th>
<th class="p-0" scope="col" class="cursor-pointer" ng-click="tasksOrderBy = 'due'; tasksOrderByReverse = !tasksOrderByReverse">
Due date <i class="fas fa-sort"></i>
</th>
<th class="p-0" scope="col" width="20px"></th>
</tr>
</thead>
<tbody>
<tr
ng-repeat="task in viewCard.tasks | whereLbObj:{status: {is_done: 0}, assignee: (searchAssignee ? {id: searchAssignee.id }: undefined), reporter: (searchReporter ? {id: searchReporter.id } : undefined)} | orderBy:(tasksOrderBy || 'due'):(!!tasksOrderByReverse) | filter:searchTasks as filteredTasks track by task.id"
ng-class="{ 'item-new': task.isNew }"
>
<td width="25px">
<md-checkbox
ng-model="task.isChecked"
aria-label="Toggle"
class="md-primary"
>
</md-checkbox>
</td>
<td class="cursor-pointer" ng-show="returnCountOfCheckedTasks(filteredTasks) > 0" width="25px">
</td>
<td
class="pl-2 cursor-pointer"
ng-click="$event.stopPropagation(); openViewTask(task)"
>
{{ task.title }}

<!-- <round-progress
class="float-right"
max="task.check_lists_count"
current="task.check_lists_completed_count"
color="#40dbd0"
bgcolor="#eaeaea"
radius="15"
stroke="3"
semi="false"
rounded="true"
clockwise="true"
responsive="false"
duration="800"
animation="easeInOutQuart"
animation-delay="0"
ng-if="task.check_lists_count > 0">
</round-progress> -->
</td>
<td
class="p-2 cursor-pointer"
ng-click="$event.stopPropagation(); openViewTask(task)"
>
<span ng-if="task.status.task_type">
{{ task.status.task_type.name }} -
</span>
{{ task.status.name }}
</td>
<td
class="cursor-pointer"
ng-click="$event.stopPropagation(); openViewTask(task)"
>
<div class="d-flex align-items-center flex-nowrap">
<div
ng-if="task.assignee_type == 'user'"
class="user-avatar user-avatar-list raio-40 float-left"
ng-class="::$root.getRandomAvatarBackground($index)"
style="background-image:url({{ task.assignee.avatar }});"
title="Assignee: {{ task.assignee.first_name }} {{
task.assignee.last_name
}}"
>
<span
ng-show="!task.assignee.avatar"
>
{{ task.assignee.first_name[0] }}{{
task.assignee.last_name[0]
}}
</span>
</div>

<div
ng-if="task.assignee_type == 'squad'"
class="user-avatar user-avatar-list raio-40 float-left"
ng-style="{'background-color': task.squad.color}"
title="{{ task.squad.name }}"
>
<span>
{{ task.squad.name[0] }}
</span>
</div>

<div
class="user-avatar user-avatar-list raio-40 float-left"
ng-class="::$root.getRandomAvatarBackground($index)"
style="background-image:url({{ task.reporter.avatar }}); margin-left:-5px;"
title="Reporter: {{ task.reporter.first_name }} {{
task.reporter.last_name
}}"
>
<span
ng-show="!task.reporter.avatar"
>
{{ task.reporter.first_name[0] }}{{
task.reporter.last_name[0]
}}
</span>
</div>
</div>
</td>
<td
class="pl-2 pr-2 cursor-pointer"
ng-click="$event.stopPropagation(); openViewTask(task)"
>
<span
ng-class="{
'late-date':
$root.now.isAfter(task.due_at) &&
!task.status.is_done
}"
>
{{ task.due | amDateFormat: "L" }}
<!-- <small
class="late"
ng-if="
now.isAfter(task.due) &&
!task.status.is_done
"
><i class="fad fa-engine-warning"></i
></small> -->
</span>
</td>
<td
width="20px"
class="cursor-pointer"
ng-click="$event.stopPropagation(); openViewTask(task)"
>
<i
class="fas fa-arrow-circle-right cursor-pointer color-purple h4 mr-2 mt-2 hover-tr"
ng-click="$event.stopPropagation(); openViewTask(task)"
></i>
</td>
</tr>
</tbody>
</table>

<div class="row w-100" ng-show="filteredTasksComplete.length > 0">
<button
type="button"
class="btn btn-small complete-tasks mb-5"
id="but_open_complete_tasks"
onclick="$('#complete_tasks_body_task').fadeIn(),$(this).hide(),$('#but_hide_complete_tasks_task').fadeIn();"
>
Show Completed Tasks
</button>
</div>

<table
class="mt-3 table-striped pb-3 colorDark list-card complete"
id="complete_tasks_body_task"
style="display: none;"
>
<thead>
<tr>
<th>
<md-checkbox
ng-model="checkSelectedEditTasksAllComplete.isChecked"
ng-change="toggleCheckBoxTask(filteredTasksComplete, checkSelectedEditTasksAllComplete)"
aria-label="Toggle"
class="md-primary"
>
</md-checkbox>
</th>
<th scope="col" class="pl-2">
<div
class="list-delete but-dropdown-tasks"
ng-show="returnCountOfCheckedTasks(filteredTasksComplete) > 0"
>
<span
data-toggle="dropdown" aria-haspopup="false" aria-expanded="true" ng-cloak>
<i class="fas fa-sort-down"></i>
</span>
<div class="dropdown-menu list-dropdown p-0 status-task-update" style="width: 250px">
<div class="card-option-list overflow-auto" style="max-height: 500px;">
<div class="tab-content" id="pills-tabContent-tasks">
<div class="tab-pane fade p-2 show active tab-pane-list-actions" role="tabpanel">
<p class="m-0 color-primary text-md"><strong>Update Status</strong></p>
</div>
</div>
<div ng-if="task_statuses_ungrouped.length > 0">
<ul class="nav nav-pills mb-0">
<li class="nav-item w-100" ng-repeat="task_status in task_statuses_ungrouped">
<span ng-click="taskBulkUpdateStatus(filteredTasks, task_status, checkSelectedEditTasksAll)">
{{ task_status.name }}
</span>
</li>
</ul>
</div>

<div ng-repeat="group in task_statuses_grouped">
<div class="tab-content">
<div class="tab-pane fade p-2 show active tab-pane-list-actions" role="tabpanel">
<p class="m-0 text-md font-weight-bold"><strong>{{ group.typeName }}</strong></p>
</div>
</div>
<ul class="nav nav-pills mb-0">
<li class="nav-item w-100" ng-repeat="task_status in group.statuses">
<span ng-click="taskBulkUpdateStatus(filteredTasks, task_status, checkSelectedEditTasksAll)">
{{ task_status.name }}
</span>
</li>
</ul>
</div>


<div class="tab-content" id="pills-tabContent-clio-tasks">
<div class="tab-pane fade p-2 show active tab-pane-list-actions" role="tabpanel">
<p class="m-0 color-primary text-md"><strong>Delete Tasks</strong></p>
</div>
</div>

<ul class="nav nav-pills mb-0">
<li class="nav-item w-100" >
<span ng-click="confirmTaskBulkDelete(filteredTasksComplete)"><i class="fa fa-trash" ></i> Delete all selected tasks</span>
</li>
</ul>

</div>
</div>
</div>
</th>
<th scope="col" class="pl-2">
Title
</th>
<th scope="col" class="pl-2">
Status
</th>
<th scope="col">

</th>
<th scope="col" class="pl-2 cursor-pointer" ng-click="tasksOrderBy = 'due'; tasksOrderByReverse = !tasksOrderByReverse">
Due date <i class="fas fa-sort"></i>
</th>
<th scope="col" width="20px"></th>
</tr>
</thead>
<tbody>
<tr
ng-repeat="task in viewCard.tasks | whereLbObj:{status: {is_done: 1}, assignee: (searchAssignee ? {id: searchAssignee.id }: undefined), reporter: (searchReporter ? {id: searchReporter.id } : undefined)} | orderBy:(tasksOrderBy || 'due'):(!!tasksOrderByReverse) | filter:searchTasks as filteredTasksComplete track by task.id"
ng-class="{ 'item-new': task.isNew }"
>
<td>
<md-checkbox
ng-model="task.isChecked"
aria-label="Toggle"
class="md-primary"
>
</md-checkbox>
</td>
<td class="p-2 cursor-pointer">

</td>
<td
class="pl-2"
class="cursor-pointer"
ng-click="$event.stopPropagation(); openViewTask(task)"
>
{{ task.title }}

<round-progress
class="float-right"
max="task.check_lists_count"
current="task.check_lists_completed_count"
color="#40dbd0"
bgcolor="#eaeaea"
radius="15"
stroke="3"
semi="false"
rounded="true"
clockwise="true"
responsive="false"
duration="800"
animation="easeInOutQuart"
animation-delay="0"
ng-if="task.check_lists_count > 0">
</round-progress>
</td>
<td
class="p-2 cursor-pointer"
ng-click="$event.stopPropagation(); openViewTask(task)"
>
<span ng-if="task.status.task_type">
{{ task.status.task_type.name }} -
</span>
{{ task.status.name }}
</td>
<td
class="pl"
class="cursor-pointer"
ng-click="$event.stopPropagation(); openViewTask(task)"
>
<div class="d-flex align-items-center flex-nowrap">
<div
ng-if="task.assignee_type == 'user'"
class="user-avatar user-avatar-list raio-40"
ng-class="::$root.getRandomAvatarBackground($index)"
style="background-image:url({{ task.assignee.avatar }});"
title="Assignee: {{ task.assignee.first_name }} {{
task.assignee.last_name
}}"
>
<span
ng-show="!task.assignee.avatar"
>
{{ task.assignee.first_name[0] }}{{
task.assignee.last_name[0]
}}
</span>
</div>

<div
ng-if="task.assignee_type == 'squad'"
class="user-avatar user-avatar-list raio-40"
ng-style="{'background-color': task.squad.color}"
title="{{ task.squad.name }}"
>
<span>
{{ task.squad.name[0] }}
</span>
</div>

<div
class="user-avatar user-avatar-list raio-40"
ng-class="::$root.getRandomAvatarBackground($index)"
style="background-image:url({{ task.reporter.avatar }}); margin-left:-5px;"
title="{{ task.reporter.first_name }} {{
task.reporter.last_name
}}"
>
<span
ng-show="!task.reporter.avatar"
>
{{ task.reporter.first_name[0] }}{{
task.reporter.last_name[0]
}}
</span>
</div>
</div>
</td>
<td
class="pl-2 pr-2"
class="cursor-pointer"
ng-click="$event.stopPropagation(); openViewTask(task)"
>
<span
ng-class="{
'late-date':
$root.now.isAfter(task.due_at) &&
!task.status.is_done
}"
>
{{ task.due | amDateFormat: "L" }}
<small
class="late"
ng-if="
now.isAfter(task.due) &&
!task.status.is_done
"
><i class="fad fa-engine-warning"></i
></small>
</span>
</td>
<td
width="20px"
class="cursor-pointer"
ng-click="$event.stopPropagation(); openViewTask(task)"
>
<i
class="fas fa-arrow-circle-right cursor-pointer color-purple h4 mt-2 mr-2 hover-tr"
ng-click="$event.stopPropagation(); openViewTask(task)"
></i>
</td>
</tr>
</tbody>
</table>
</div>

<div class="row w-100" ng-show="filteredTasksComplete.length > 0">
<button
type="button"
style="display: none;"
id="but_hide_complete_tasks_task"
class="btn btn-small btn-primary complete-tasks"
onclick="$('#complete_tasks_body_task').hide(),$(this).hide(),$('#but_open_complete_tasks').fadeIn();"
>
Hide Completed Tasks
</button>
</div>
</div>
</div>
<!-- slider text E N D -->
</ng-if>
<ng-if ng-if="::$root.hasCustomFieldsModule()">
<!-- Slider form S T A R T -->
<div
class="slide-in-content"
ng-if="viewCardTab === 'custom-data'"
ng-if="$root.hasCustomFieldsModule()"
>
<h3 class="mb-2">
Custom Data
</h3>

<div
class="alert alert-success"
role="alert"
ng-if="alertCustomFieldSuccess"
>
<span>{{ alertCustomFieldSuccess }}</span>
</div>

<div class="col-12 text-center"
ng-if="
!!viewCard.custom_field &&
(!viewCard.custom_field.custom_fields ||
viewCard.custom_field.custom_fields.length === 0) &&
$root.isAccountOwner()
">
<img src="https://app.legalboards.io/img/no-custom-fields-card.png" width="50%" />
<br />

<small
ng-if="
!!viewCard.custom_field &&
(!viewCard.custom_field.custom_fields ||
viewCard.custom_field.custom_fields.length === 0) &&
$root.isAccountOwner()
"
>
<i class="fas fa-lightbulb color-purple"></i>
How about creating more fields for you?
<a
href=""
onclick="$('#collapse-menu').removeClass('menu-expand'); $('#config-profile').toggleClass('show'); $('#custom-fields').addClass('show'); $('#new-contact-modal').removeClass('show')"
>Click here and find how</a
>
</small>

</div>

<div class="min-h-88">
<form
name="formCustomFieldAnswer"
ng-submit="saveCustomFieldAnswers(viewCard.custom_field, formCustomFieldAnswer)"
ng-if="viewCard.custom_field.custom_fields.length > 0"
>
<div class="col-md-6 mt-3 pl-0">
<div class="search-simple">
<input
type="text"
class="form-control"
ng-model="searchCustomFields"
placeholder="Search Custom Fields"
/>
<span class="search-icon">
<i class="fas fa-search"></i>
</span>
</div>
</div>
<div class="form-row mb-3">
<div
class="col-12 mt-2"
ng-repeat="custom_field in viewCard.custom_field.custom_fields |
filter:searchCustomFields |
checkAtLeastOneFilled track by custom_field.id"
>
<label>
{{ custom_field.value }}
<ng-if ng-if="custom_field.required">
(*)
</ng-if>
</label>

<ng-if ng-if="custom_field.field_type.name === 'text'">
<div class="d-flex align-items-center">
<textarea
class="form-control"
name="text"
ng-model="custom_field.answer[0].answer"
name="description"
ng-required="!custom_field.state || custom_field.state === 'was-empty'"
ng-readonly="::hasAnyRole('viewer')"
>
</textarea>
<a href="" ng-click="removeToUsedCustomField(custom_field.id)" class="remove-custom-field">
<i class="fa-solid ml-2 text-lg fa-trash"></i>
</a>
</div>
</ng-if>

<ng-if ng-if="custom_field.field_type.name === 'input'">
<div class="d-flex align-items-center">
<input
type="text"
class="form-control"
name="input"
ng-model="custom_field.answer[0].answer"
ng-required="!custom_field.state || custom_field.state === 'was-empty'"
ng-readonly="::hasAnyRole('viewer')"
/>
<a href="" ng-click="removeToUsedCustomField(custom_field.id)" class="remove-custom-field">
<i class="fa-solid ml-2 text-lg fa-trash"></i>
</a>
</div>
</ng-if>

<ng-if ng-if="custom_field.field_type.name === 'date'">
<div class="datepicker-container">
<div class="d-flex align-items-center">
<input
type="text"
placeholder="mm/dd/yyyy"
class="form-control datepicker"
autocomplete="off"
name="date"
ng-model="custom_field.answer[0].answer"
required="custom_field.required"
ng-readonly="::hasAnyRole('viewer')"
/>
<span class="datepicker-icon delete-icon"
><i class="fas fa-caret-down pl-5"></i
></span>
<a href="" ng-click="removeToUsedCustomField(custom_field.id)" class="remove-custom-field">
<i class="fa-solid ml-2 text-lg fa-trash"></i>
</a>
</div>
</div>
</ng-if>

<ng-if ng-if="custom_field.field_type.name === 'select'">
<div class="d-flex align-items-center">
<ui-select
ng-model="custom_field.answer[0].option"
theme="select2"
ng-required="!custom_field.state || custom_field.state === 'was-empty'"
ng-readonly="::hasAnyRole('viewer')"
>
<ui-select-match
allow-clear
placeholder="{{ custom_field.value }}"
>
{{ custom_field.answer[0].option.value }}
</ui-select-match>
<ui-select-choices
repeat="option in custom_field.options | filter:$select.search "
>
{{ option.value }}
</ui-select-choices>
</ui-select>
<a href="" ng-click="removeToUsedCustomField(custom_field.id)" class="remove-custom-field">
<i class="fa-solid ml-2 text-lg fa-trash"></i>
</a>
</div>
</ng-if>

<ng-if ng-if="custom_field.field_type.name === 'money'">
<div class="d-flex align-items-center">
<input
type="text"
class="form-control"
name="number"
ng-model="custom_field.answer[0].answer"
ng-required="!custom_field.state || custom_field.state === 'was-empty'"
ui-money-mask
ng-readonly="::hasAnyRole('viewer')"
/>
<a href="" ng-click="removeToUsedCustomField(custom_field.id)" class="remove-custom-field">
<i class="fa-solid ml-2 text-lg fa-trash"></i>
</a>
</div>
</ng-if>

<ng-if ng-if="custom_field.field_type.name === 'upload'">
<div class="d-flex align-items-center">
<div class="d-flex justify-content-between w-full">
<div class="upload-container" ng-if="custom_field.upload_document_type !== 'document'">
<label for="file-input" class="file-name-label">
<input
type="text"
class="form-control file-name-input"
ng-model="custom_field.answer[0].answer"
placeholder="Select File"
readonly
ng-required="!custom_field.state || custom_field.state === 'was-empty'"
ng-readonly="::hasAnyRole('viewer')"
/>
</label>
<input
id="file-input"
type="file"
class="file-input"
name="upload"
file-change="setFilledCustomField(custom_field, $event)"
ng-required="custom_field.required && !custom_field.answer[0].answer"
ng-readonly="::hasAnyRole('viewer')"
/>
</div>
<div class="upload-container" style="margin-bottom: 18px" ng-if="custom_field.upload_document_type === 'document'">
<ui-select
style="z-index: auto !important;"
ng-model="custom_field.answer[0].saved_document"
on-select="
custom_field.answer[0].document_id = custom_field.answer[0].saved_document.id;
"
theme="select2">
<ui-select-match allow-clear placeholder="Select Document">
{{ custom_field.answer[0].saved_document.name }}
</ui-select-match>
<ui-select-choices
repeat="document in viewCard.documents | filter:$select.search track by $index">
{{ document.name }}
</ui-select-choices>
</ui-select>
</div>
<div class="p-3 d-flex">
<a href="#"
ng-click="
custom_field.upload_document_type = custom_field.upload_document_type === 'document' ? 'file' : 'document';
custom_field.document = '';
"
class="mr-2">
<i
ng-class="custom_field.upload_document_type === 'document' ? 'fas fa-archive' : 'fa-solid fa-folder-arrow-up'"
class=" text-primary text-lg"></i>
</a>

<a ng-if="custom_field.answer[0].answer && custom_field.answered.document"
href="#"
class="mr-2"
ng-click="documentsDownload(custom_field.answered.document)"
type="button"
>
<i class="fas text-lg fa-arrow-circle-down color-purple"></i>
</a>
<a ng-if="custom_field.answer[0].answer && custom_field.answered.document"
href="#"
class="mr-2"
ng-click="getDocumentLink(custom_field.answered.document)"
type="button"
>
<i class="text-lg" ng-class="{
'fa-solid fa-check text-success': isSuccessCopyLink,
'fa-regular fa-link share-link-color': !isSuccessCopyLink
}"></i>
</a>
<a href="" ng-click="removeCustomField(custom_field)" class="remove-custom-field">
<i class="fa-solid ml-1 text-lg fa-trash"></i>
</a>
</div>
</div>
</div>
</ng-if>
</div>

<div class="col-12 pt-3">
<div class="form-btn-container mt-3" ng-if="!hasAnyRole('viewer')">
<button
type="submit"
class="btn btn-primary btn-block mb-3"
ng-disabled="!formCustomFieldAnswer.$dirty || formCustomFieldAnswer.$invalid || loading"
ng-class="{ loading: loading }"
>
Save
</button>
</div>
</div>

<div class="col-12 mt-3 border-top pt-3">
<h5 class="text-md">Add More Information:</h5>
<label>Select the custom information you want to include here.</label>
<ui-select ng-model="cardCustomFieldSelected" theme="select2"
on-select="addToUsedCustomField(cardCustomFieldSelected.id,$select)">
<ui-select-match allow-clear placeholder="Select Custom Field to Add">
{{ cardCustomFieldSelected.value }}
</ui-select-match>
<ui-select-choices
repeat="custom_field in viewCard.custom_field.custom_fields | filter:$select.search | checkBothEmpty track by custom_field.id">
{{ custom_field.value }}
</ui-select-choices>
</ui-select>
</div>
</div>
</form>
</div>
</div>
<!-- slider text E N D -->
</ng-if>
<ng-if ng-if="::hasAsset('Clio')">
<!-- slider text S T A R T -->
<div
class="slide-in-content"
ng-if="viewCardTab === 'clio-activities'"
ng-if="hasAsset('Clio')"
>
<!-- HEADER TITLE -->

<h3 class="mb-2">
Activities
</h3>

<div class="row mb-3 col-12 mr-0 px-0">
<div class="col-8 mt-3">
<div class="search">
<input type="text" class="form-control" ng-model="searchActivities" placeholder="Search Activities" />
<span class="search-icon">
<i class="fas fa-search"></i>
</span>
</div>
</div>
<div class="col-4 mt-3">
<button class="btn btn-primary btn-block" ng-click="openClioActiviyForm()" ng-if="::!hasAnyRole('viewer')">
New Activity
</button>
</div>

<div class="col-12 ml-0 mr-0 pl-2 pr-3 page-listagem">
<table class="mt-3 table-striped pb-3 colorDark">
<thead>
<th class="p-2">Time</th>
<th class="p-2">Type</th>
<th class="p-2">Rate <span class="text-sm">($/H)</span></th>
<th class="p-2">Date</th>
<th class="p-2">User</th>
<th class="p-2">Description</th>
<th class="p-2"></th>
</thead>
<tbody>
<tr ng-repeat="activity in viewCard.sourceMatter.activities | filter:searchActivities | orderBy:'-date' track by $index">
<td class="p-2">{{ activity.rounded_quantity | secondsToTime }}</td>
<td class="p-2">
<i class="fas fa-clock" ng-if="activity.type === 'ExpenseEntry'"></i>
<i class="fas fa-money-bill" ng-if="activity.type === 'TimeEntry'"></i>
</td>
<td class="p-2">{{ activity.price | currency: "" }}
{{ activity.price * activity.rounded_quantity_in_hours | currency: ""}}
</td>
<td class="p-2">{{ activity.date | amDateFormat: "L" }}</td>
<td class="p-2">{{ activity.user.name }}</td>
<td class="p-2">
<span class="text-light" ng-bind-html="activity.note | htmlToPlaintext | html"></span>
</td>
<td class="p-2">
<a href="javascript:;" ng-click="openClioActiviyForm(activity)" ng-if="::!hasAnyRole('viewer')">
<i class="far fa-edit"></i>
</a>
<a href="javascript:;" class="text-danger float-right" ng-click="confirmClioDeleteActivity(activity, $index)" ng-if="::!hasAnyRole('viewer')">
<i class="fas fa-trash"></i>
</a>
</td>
</tr>
</tbody>
</table>
</div>

<div class="col-12 mt-3" ng-cloak ng-show="viewCard.sourceMatter.activities.length === 0">
<div class="pl-2 pr-4 empty-block">
<a href="">
<strong>No Activities Yet</strong>
</a>
</div>
</div>
<!-- <div class="col-12 ml-0 mr-0 pl-2 pr-3 page-listagem d-none" ng-class="{
'empty-box': viewCard.sourceMatter.activities.length === 0
}" ng-cloak ng-show="viewCard.sourceMatter.activities.length !== 0">
<ul class="nav ml-2">
<li class="nav-item">
<a class="btn btn-sm btn-primary nav-link" ng-class="{
active: clioActiveActivitiesTab === 'TimeEntry'
}" ng-click="clioActiveActivitiesTab = 'TimeEntry'"><i class="fas fa-alarm-clock"></i> Time</a>
</li>
<li class="nav-item">
<a class="btn btn-sm btn-primary nav-link" ng-class="{
active: clioActiveActivitiesTab === 'ExpenseEntry'
}" ng-click="clioActiveActivitiesTab = 'ExpenseEntry'"><i class="fas fa-usd-circle"></i> Expense</a>
</li>
</ul>
<div ng-repeat="activity in viewCard.sourceMatter.activities | whereLb:{type:clioActiveActivitiesTab} | filter:searchActivities | orderBy:'-date' track by $index" class="row ml-0 mt-3 pb-3 border-bottom">
<div class="col-3" ng-show="activity.type === 'TimeEntry'">
<h5>
<i class="far fa-alarm-clock"></i>
<strong>Time</strong>
</h5>
<span class="text-light">
{{ activity.rounded_quantity | secondsToTime }}
</span>
</div>
<div class="col-3" ng-show="activity.type === 'TimeEntry'">
<h5>
<i class="far fa-sack-dollar"></i>
<strong>Rate ($/H)</strong>
</h5>
<span class="text-light">
{{ activity.price | currency: "" }}
</span>
</div>

<div class="col-3" ng-show="activity.type === 'ExpenseEntry'">
<h5>
<i class="far fa-sack-dollar"></i>
<strong>Amount</strong>
</h5>
<span class="text-light">
{{
activity.price * activity.rounded_quantity_in_hours
| currency: ""
}}
</span>
</div>

<div class="col-2">
<h5>
<i class="far fa-calendar"></i>
<strong>Date</strong>
</h5>
<span class="text-light">
{{ activity.date | amDateFormat: "L" }}
</span>
</div>

<div class="col-4">
<h5>
<i class="fas fa-user-tie"></i>
<strong>User</strong>
</h5>
<span class="text-light"> {{ activity.user.name }} </span>
</div>

<div class="col-12 mt-3">
<h5>
<i class="far fa-align-left"></i>
<strong>Description</strong>
</h5>
<span class="text-light" ng-bind-html="activity.note | htmlToPlaintext | html">
</span>
</div>

<div class="col-12 mt-3">
<a href="javascript:;" ng-click="openClioActiviyForm(activity)" ng-if="::!hasAnyRole('viewer')">
<i class="far fa-edit"></i> Edit Activity
</a>
<a href="javascript:;" class="text-danger float-right" ng-click="confirmClioDeleteActivity(activity, $index)" ng-if="::!hasAnyRole('viewer')">
<i class="fas fa-trash"></i> Delete Activity
</a>
</div>
</div>
</div> -->
</div>
</div>
<!-- slider text E N D -->
<!-- slider text S T A R T -->
<div
class="slide-in-content"
ng-if="viewCardTab === 'clio-tasks'"
ng-if="hasAsset('Clio')"
>
<!-- HEADER TITLE -->

<h3 class="mb-2">
Tasks

<a
href=""
class="sub-menu small2"
ng-click="toggleCardTab('tasks')"
ng-if="::hasAsset('Tasks')"
>
<i class="fas fa-check-square"></i>
<span class="expand"
>General Tasks
<span ng-show="::!hasAsset('Legalboards')">
<i
class="fa fa-exclamation-circle exclusive-feature"
title="This is an exclusive feature!"
></i>
</span>
</span>
</a>
<span class="divisor_sub_menu small2"></span>
<a ng-href="{{ buildClioTaskUrl(viewCard) }} " class="sub-menu small2">
<i class="fas fa-th-large"></i>
Board View
</a>
</h3>

<div class="col-12 mt-3 px-0 pl-1">
<form
name="clioTaskFormInline"
ng-submit="saveClioTask(clio_task_form_inline, clioTaskFormInline)"
>
<p class="mb-1">
<strong class="color-dark">Create a new task here</strong>
</p>
<div class="form-row mb-3">
<input
type="text"
class="form-control"
placeholder="What needs to be done?"
name="name"
ng-model="clio_task_form_inline.name"
onClick="$('#clio-task-form-inline').show('slow'); callDatePicker();"
required
/>
</div>
<div id="clio-task-form-inline" style="display: none">
<div class="form-row mb-3">
<label> Description</label>
<textarea
ng-model="clio_task_form_inline.description"
class="form-control"
name="description"
required
></textarea>
</div>

<div class="form-row mb-3">
<div class="col-12">

<label> Assignee</label>
<ui-select
autofocus-ui-select
ng-model="clio_task_form_inline.assignee"
theme="select2"
close-on-selet="false"
name="assignee"
required
ng-click="clio_task_form_inline.assignee_type = clio_task_form_inline.assignee.sourceType;"
>
<ui-select-match
allow-clear
placeholder="Users / Contacts"
>
{{
clio_task_form_inline.assignee.first_name
}}
{{ clio_task_form_inline.assignee.last_name }}
</ui-select-match>
<ui-select-choices
refresh="clioSearchContactsAndUsers($select, {email_only: true}, automation_assignees)"
refresh-delay="1000"
repeat="assignee in clio_search_contacts_and_users | filter:{optionType: '!squad'} track by $index"
group-by="'optionType'"
>
{{ assignee.first_name }} {{
assignee.last_name
}}
</ui-select-choices>
</ui-select>


</div>
</div>

<div class="form-row mb-3">
<div class="col-4">

<label>
Priority
</label>
<select
class="form-control"
name="clio_task_form_priority"
ng-model="clio_task_form_inline.priority"
ng-options="key as value for (key , value) in clio_task_priorities"
required
>
</select>
</div>
<div class="col-4">
<label> Due date</label>
<div class="datepicker-container">
<input
type="text"
placeholder="mm/dd/yyyy"
class="form-control datepicker"
autocomplete="off"
name="due_at"
ng-model="clio_task_form_inline.due_at"
required
/>
<span class="datepicker-icon"
><i class="fas fa-caret-down"></i
></span>
</div>
</div>

<div class="col-4">
<label> Status</label>
<ui-select
autofocus-ui-select
ng-model="clio_task_form_inline.status"
theme="select2"
close-on-selet="false"
name="type"
search-enabled="false"
required
>
<ui-select-match
allow-clear
placeholder="Status"
>
{{ clio_task_form_inline.status.name }}
</ui-select-match>
<ui-select-choices
repeat="status in clio_task_statuses"
>
{{ status.name }}
</ui-select-choices>
</ui-select>
</div>

<div class="col-11 mt-2">
<label> </label>
<button
type="submit"
class="btn btn-block btn-primary mb-2"
ng-disabled="clioTaskFormInline.$invalid || loading"
onClick="$('#clio-task-form-inline').hide('slow')"
ng-class="{ loading: loading }"
>
Save
</button>
<button
class="small font-weight-bold w-100 btn-link"
ng-click="openClioTaskForm(clio_task_form_inline)"
ng-if="::!hasAnyRole('viewer')"
type="button"
>
Advanced
</button>
</div>
<div class="col-1 mt-2">
<label> </label>
<a
class="btn btn-outline-danger btn-block mb-3 px-0"
onClick="$('#clio-task-form-inline').hide('slow')"
>
<i class="fad fa-trash"></i>
</a>
</div>
</div>
</div>
</form>
</div>

<div class="row mb-3 col-12 mx-0 px-0">
<div class="col-md-6 mt-3 pl-0">
<div class="search-simple">
<input
type="text"
class="form-control"
ng-model="searchTasks"
placeholder="Search Tasks"
/>
<span class="search-icon">
<i class="fas fa-search"></i>
</span>
</div>
</div>
<div class="col-md-6 mt-3 pl-0 pr-0">
<div class="input-group mr-0" ng-cloak>
<ui-select
autofocus-ui-select
ng-model="searchAssignee"
theme="select2"
class="mr-0"
on-select="setSearchAssigner(searchAssignee);"
autofocus-ui-select
>
<ui-select-match
allow-clear
placeholder="All Assignees"
>
{{ searchAssignee.name }} <ng-if ng-if="searchAssignee.email">({{ searchAssignee.email }})</ng-if>
</ui-select-match>
<ui-select-choices
refresh="clioSearchContactsAndUsers($select, {only_email: true}, [])"
refresh-delay="500"
repeat="source in clio_search_contacts_and_users | filter:{name:$select.search} track by source.id"
group-by="'sourceType'"
>
{{ source.name }} <ng-if ng-if="source.email">({{ source.email }})</ng-if>
</ui-select-choices>
</ui-select>
</div>
</div>

<div
class="col-12 mt-3 text-center"
ng-cloak
ng-show="viewCard.sourceMatter.tasks.length === 0"
>
<img src="https://app.legalboards.io/img/no-tasks.png" width="50%" />
</div>

<div
class="col-12 ml-0 mr-0 px-0 page-listagem"
ng-show="viewCard.sourceMatter.tasks.length > 0"
ng-cloak
>
<table class="mt-3 table-striped pb-3 colorDark">
<thead>
<tr>
<th class="p-0 ">
<md-checkbox
class="md-primary"
ng-model="checkSelectedEditClioTasksAll.isChecked"
ng-change="toggleCheckBoxTask(filteredTasks, checkSelectedEditClioTasksAll)"
aria-label="Toggle"
>
</md-checkbox>
</th>
<th scope="col" class="p-0">
<div
class="list-delete but-dropdown-tasks"
ng-show="returnCountOfCheckedTasks(filteredTasks) > 0"
>
<span
data-toggle="dropdown" aria-haspopup="false" aria-expanded="true" ng-cloak>
<i class="fas fa-sort-down"></i>
</span>
<div class="dropdown-menu list-dropdown p-0 status-task-update" style="width: 250px" >
<div class="card-option-list">
<div class="tab-content" id="pills-tabContent-clio-tasks">
<div class="tab-pane fade p-2 show active tab-pane-list-actions" role="tabpanel">
<p class="m-0 color-primary text-md"><strong>Update Status</strong></p>
</div>
</div>
<ul class="nav nav-pills mb-0" id="pills-tab-clio-tasks" role="tablist">
<li class="nav-item w-100" ng-repeat="clio_task_status in clio_task_statuses">
<span ng-click="clioTaskBulkUpdateStatus(filteredTasks, clio_task_status.id, checkSelectedEditClioTasksAll)"> {{ clio_task_status.name }}</span>
</li>
</ul>

<div class="tab-content" id="pills-tabContent-clio-tasks">
<div class="tab-pane fade p-2 show active tab-pane-list-actions" role="tabpanel">
<p class="m-0 color-primary text-md"><strong>Delete Tasks</strong></p>
</div>
</div>

<ul class="nav nav-pills mb-0">
<li class="nav-item w-100" ng-click="confirmClioTaskBulkDelete(filteredTasks)">
<span><i class="fa fa-trash" ></i> Delete all selected tasks</span>
</li>
</ul>



</div>
</div>
</div>
</th>
<th scope="col" class="p-0 pl-2 cursor-pointer" ng-click="tasksOrderBy = 'name'; tasksOrderByReverse = !tasksOrderByReverse;">
Title
</th>
<th scope="col" class="p-0 ">
Status
</th>
<th scope="col" class="p-0 ">

</th>
<th scope="col" class="p-0 cursor-pointer" ng-click="tasksOrderBy = 'due_at'; tasksOrderByReverse = !tasksOrderByReverse;">
Due date <i class="fas fa-sort"></i>
</th>
<!-- <th scope="col" class="p-0 cursor-pointer" ng-click="tasksOrderBy = 'priority'; tasksOrderByReverse = !tasksOrderByReverse;">
Priority
</th> -->
<th scope="col" class="p-0 " width="20px"></th>
</tr>
</thead>
<tbody>
<tr
ng-repeat="task in viewCard.sourceMatter.tasks | whereLbObj:{ status: {is_done: 0} } | whereLbObj:{assignee: (searchAssignee ? {id: searchAssignee.id} : undefined) } | orderBy:(tasksOrderBy || 'due_at'):(!!tasksOrderByReverse) | filter:searchTasks as filteredTasks track by $index"
ng-class="{ 'item-new': task.isNew }"
class="priority-border-{{ task.priority }}"
style="border-left: 2px solid transparent;"
>
<td width="25px">
<md-checkbox
class="md-primary"
ng-model="task.isChecked"
aria-label="Toggle"
>
</md-checkbox>
</td>
<td class="cursor-pointer">
<!-- <div
class="list-delete but-dropdown-tasks"
ng-show="returnCountOfCheckedTasks(filteredTasks) == 0"
>
<span
data-toggle="dropdown" aria-haspopup="false" aria-expanded="true" ng-cloak>
<i class="fas fa-sort-down"></i>
</span>
<div class="dropdown-menu list-dropdown p-0 status-task-update" style="width: 250px" >
<div class="card-option-list">
<div class="tab-content" id="pills-tabContent-clio-task-{{task.id}}">
<div class="tab-pane fade p-2 show active tab-pane-list-actions" role="tabpanel">
<p class="m-0 color-primary text-md"><strong>Update Status</strong></p>
</div>
</div>
<ul class="nav nav-pills mb-0" id="pills-tab-clio-task-{{task.id}}" role="tablist">
<li class="nav-item w-100" ng-repeat="clio_task_status in clio_task_statuses">
<span ng-class="{'font-weight-bold': clio_task_status.id == task.status.id}" ng-click="task.status = clio_task_status; updateClioTaskStatus(task)"> {{ clio_task_status.name }}</span>
</li>
</ul>

<div class="tab-content" id="pills-tabContent-clio-tasks">
<div class="tab-pane fade p-2 show active tab-pane-list-actions" role="tabpanel">
<p class="m-0 color-primary text-md"><strong>Actions</strong></p>
</div>
</div>

<ul class="nav nav-pills mb-0">
<li class="nav-item w-100" ng-click="openViewClioTask(task)">
<span ><i class="fa fa-eye" ></i> Open</span>
</li>
<li class="nav-item w-100" ng-click="openClioTaskForm(task)">
<span ><i class="fa fa-pencil" ></i> Edit</span>
</li>
<li class="nav-item w-100" ng-click="confirmClioDeleteTask(task)">
<span ><i class="fa fa-trash" ></i> Delete</span>
</li>
</ul>

</div>
</div>
</div> -->
</td>
<td
class="p-2 cursor-pointer"
ng-click="$event.stopPropagation(); openViewClioTask(task)"
>
{{ task.name }}

<!-- <round-progress
class="float-right"
max="task.check_lists_count"
current="task.check_lists_completed_count"
color="#40dbd0"
bgcolor="#eaeaea"
radius="15"
stroke="3"
semi="false"
rounded="true"
clockwise="true"
responsive="false"
duration="800"
animation="easeInOutQuart"
animation-delay="0"
ng-if="task.check_lists_count > 0">
</round-progress> -->
</td>
<td
class="p-2 cursor-pointer"
ng-click="$event.stopPropagation(); openViewClioTask(task)"
>
{{ task.status.name }}
</td>
<td
class="cursor-pointer"
ng-click="$event.stopPropagation(); openViewClioTask(task)"
>
<div class="d-flex align-items-center flex-nowrap">
<div
ng-if="task.assignee_type !== 'squad'"
class="user-avatar user-avatar-list raio-40 float-left"
ng-class="::$root.getRandomAvatarBackground($index)"
style="background-image:url({{
task.assignee.avatar.url
}});"
title="Assignee: {{ task.assignee.first_name }} {{
task.assignee.last_name
}}"
>
<span ng-show="!task.assignee.avatar">
{{ task.assignee.first_name[0] }}{{
task.assignee.last_name[0]
}}
</span>
</div>

<div
ng-if="task.assignee_type !== 'squad'"
class="user-avatar user-avatar-list raio-40 float-left"
ng-class="::$root.getRandomAvatarBackground($index)"
style="background-image:url({{
task.assigner.avatar.url
}}); margin-left:-5px;"
title="Reporter:{{ task.assigner.first_name }} {{
task.assigner.last_name
}}"
>
<span ng-show="!task.assigner.avatar">
{{ task.assigner.first_name[0] }}{{
task.assigner.last_name[0]
}}
</span>
</div>

<div
ng-if="task.assignee_type == 'squad'"
class="user-avatar user-avatar-list raio-40 float-left"
ng-style="::{ 'background-color': task.squad.color }"
title="{{ task.squad.name }}"
>
<span>
{{ task.squad.name[0] }}
</span>
</div>

<div
ng-if="task.assignee_type === 'squad'"
class="user-avatar user-avatar-list raio-40 float-left"
ng-class="::$root.getRandomAvatarBackground($index)"
style="background-image:url({{
task.reporter.avatar.url
}}); margin-left:-5px;"
title="Reporter:{{ task.reporter.first_name }} {{
task.reporter.last_name
}}"
>
<span ng-show="!task.reporter.avatar">
{{ task.reporter.first_name[0] }}{{
task.reporter.last_name[0]
}}
</span>
</div>

</div>
</td>
<td
class="p-2 cursor-pointer"
ng-click="$event.stopPropagation(); openViewClioTask(task)"
>
<span
ng-class="{
'late-date':
$root.now.isAfter(task.due_at) &&
!task.status.is_done
}"
>
{{ task.due_at | amDateFormat: $root.momentFormat }}
<!-- <small
class="late"
ng-if="
now.isAfter(task.due_at) &&
!task.status.is_done
"
><i class="fad fa-engine-warning"></i
></small> -->
</span>
</td>
<!-- <td
class="p-2 cursor-pointer"
>
<span class="priority-{{ task.priority }}">{{ task.priority }}</span>
</td> -->
<td
class="cursor-pointer"
ng-click="$event.stopPropagation(); openViewClioTask(task)"
>
<!-- <i
class="fas fa-arrow-circle-right cursor-pointer color-purple h4 mr-2 hover-tr"
ng-click="$event.stopPropagation(); openViewClioTask(task)"
></i> -->
</td>
</tr>
</tbody>
<!-- AQUI SÃO AS TASKS EM PENDING -->
</table>

<!-- AQUI SÃO AS TASKS EM COMPLETE -->

<div class="row w-100" ng-show="filteredTasksComplete.length > 0">
<button
type="button"
class="btn btn-small btn-primary complete-tasks mb-5"
id="but_open_complete_tasks"
onclick="$('#complete_tasks_body').fadeIn(),$(this).hide(),$('#but_hide_complete_tasks').fadeIn();"
>
Show Completed Tasks
</button>
</div>

<table
class="mt-3 table-striped pb-3 colorDark list-card complete"
style="display: none"
id="complete_tasks_body"
>
<thead>
<tr>
<th class="py-0">

<md-checkbox
class="md-primary"
ng-model="checkSelectedEditClioTasksAllComplete.isChecked"
ng-change="toggleCheckBoxTask(filteredTasksComplete, checkSelectedEditClioTasksAllComplete)"
aria-label="Toggle"
>
</md-checkbox>
</th>
<th scope="col" class="pl-2 py-0">
<div
class="list-delete but-dropdown-tasks"
ng-show="returnCountOfCheckedTasks(filteredTasksComplete) > 0"
>
<span
data-toggle="dropdown" aria-haspopup="false" aria-expanded="true" ng-cloak>
<i class="fas fa-sort-down"></i>
</span>
<div class="dropdown-menu list-dropdown p-0 status-task-update" style="width: 250px" >
<div class="card-option-list">
<div class="tab-content" id="pills-tabContent-clio-tasks">
<div class="tab-pane fade p-2 show active tab-pane-list-actions" role="tabpanel">
<p class="m-0 color-primary text-md"><strong>Update Status</strong></p>
</div>
</div>
<ul class="nav nav-pills mb-0" id="pills-tab-clio-tasks" role="tablist">
<li class="nav-item w-100" ng-repeat="clio_task_status in clio_task_statuses">
<span ng-click="clioTaskBulkUpdateStatus(filteredTasksComplete, clio_task_status.id, checkSelectedEditClioTasksAll)"> {{ clio_task_status.name }}</span>
</li>
</ul>

<div class="tab-content" id="pills-tabContent-clio-tasks">
<div class="tab-pane fade p-2 show active tab-pane-list-actions" role="tabpanel">
<p class="m-0 color-primary text-md"><strong>Delete Tasks</strong></p>
</div>
</div>

<ul class="nav nav-pills mb-0">
<li class="nav-item w-100" ng-click="confirmClioTaskBulkDelete(filteredTasksComplete)">
<span><i class="fa fa-trash" ></i> Delete all selected tasks</span>
</li>
</ul>



</div>
</div>
</div>
</th>
<th scope="col" class="pl-2 py-0 cursor-pointer" ng-click="tasksCompleteOrderBy = 'name'; tasksCompleteOrderByReverse = !tasksCompleteOrderByReverse">
Title
</th>
<th scope="col" class="pl-2 py-0">
Status
</th>
<th scope="col" class="py-0"></th>
<th scope="col" class="pl-2 py-0 cursor-pointer" ng-click="tasksCompleteOrderBy = 'due_at'; tasksCompleteOrderByReverse = !tasksCompleteOrderByReverse">
Date <i class="fas fa-sort"></i>
</th>
<th scope="col" class="py-0" width="20px"></th>
</tr>
</thead>
<tbody>
<tr
ng-repeat="task in viewCard.sourceMatter.tasks | whereLbObj:{ status: {is_done: 1} } | whereLbObj:{assignee: (searchAssignee ? {id: searchAssignee.id} : undefined) } | orderBy:(tasksCompleteOrderBy || 'due_at'):(!!tasksCompleteOrderByReverse) | filter:searchTasks as filteredTasksComplete track by $index "
ng-class="{ 'item-new': task.isNew }"
style="border-left: 2px solid transparent;"
class="priority-border-{{ task.priority }}"
>
<td width="25px">
<md-checkbox
class="md-primary"
ng-model="task.isChecked"
aria-label="Toggle"
>
</md-checkbox>
</td>
<td class="cursor-pointer" width="25px">
<!-- <div
class="list-delete but-dropdown-tasks"
ng-show="returnCountOfCheckedTasks(filteredTasksComplete) == 0"
>
<span
data-toggle="dropdown" aria-haspopup="false" aria-expanded="true" ng-cloak>
<i class="fas fa-sort-down"></i>
</span>
<div class="dropdown-menu list-dropdown p-0 status-task-update" style="width: 250px" >
<div class="card-option-list">
<div class="tab-content" id="pills-tabContent-clio-task-{{task.id}}">
<div class="tab-pane fade p-2 show active tab-pane-list-actions" role="tabpanel">
<p class="m-0 color-primary text-md"><strong>Update Status</strong></p>
</div>
</div>
<ul class="nav nav-pills mb-0" id="pills-tab-clio-task-{{task.id}}" role="tablist">
<li class="nav-item w-100" ng-repeat="clio_task_status in clio_task_statuses">
<span ng-class="{'font-weight-bold': clio_task_status.id == task.status.id}" ng-click="task.status = clio_task_status; updateClioTaskStatus(task)"> {{ clio_task_status.name }}</span>
</li>
</ul>

<div class="tab-content" id="pills-tabContent-clio-tasks">
<div class="tab-pane fade p-2 show active tab-pane-list-actions" role="tabpanel">
<p class="m-0 color-primary text-md"><strong>Actions</strong></p>
</div>
</div>

<ul class="nav nav-pills mb-0">
<li class="nav-item w-100" ng-click="openViewClioTask(task)">
<span ng-click="openViewClioTask(task)"><i class="fa fa-eye" ></i> Open</span>
</li>
<li class="nav-item w-100" ng-click="openClioTaskForm(task)">
<span ng-click="openClioTaskForm(task)"><i class="fa fa-pencil" ></i> Edit</span>
</li>
<li class="nav-item w-100" ng-click="confirmClioDeleteTask(task)">
<span ng-click="confirmClioDeleteTask(task)"><i class="fa fa-trash" ></i> Delete</span>
</li>
</ul>

</div>
</div>
</div> -->
</td>
<td
class="p-2 cursor-pointer"
ng-click="$event.stopPropagation(); openViewClioTask(task)"
>
{{ task.name }}

<round-progress
class="float-right"
max="task.check_lists_count"
current="task.check_lists_completed_count"
color="#40dbd0"
bgcolor="#eaeaea"
radius="15"
stroke="3"
semi="false"
rounded="true"
clockwise="true"
responsive="false"
duration="800"
animation="easeInOutQuart"
animation-delay="0"
ng-if="task.check_lists_count > 0">
</round-progress>
</td>
<td
class="p-2 cursor-pointer"
ng-click="$event.stopPropagation(); openViewClioTask(task)"
>
{{ task.status.name }}
</td>
<td
class="p-2 cursor-pointer"
ng-click="$event.stopPropagation(); openViewClioTask(task)"
>
<div class="d-flex align-items-center flex-nowrap">
<div
class="user-avatar user-avatar-list raio-40 float-left"
ng-class="::$root.getRandomAvatarBackground($index)"
style="background-image:url({{
task.assignee.avatar.url
}});"
title="Assignee: {{ task.assignee.first_name }} {{
task.assignee.last_name
}}"
>
<span
ng-show="!task.assignee.avatar"
title="Assignee: {{ task.assignee.first_name }} {{
task.assignee.last_name
}}"
>
{{ task.assignee.first_name[0] }}{{
task.assignee.last_name[0]
}}
</span>
</div>

<div
class="user-avatar user-avatar-list raio-40 float-left"
ng-class="::$root.getRandomAvatarBackground($index)"
style="background-image:url({{
task.assigner.avatar.url
}});"
>
<span
ng-show="!task.assigner.avatar"
title="Reporter: {{ task.assigner.first_name }} {{
task.assigner.last_name
}}"
>
{{ task.assigner.first_name[0] }}{{
task.assigner.last_name[0]
}}
</span>
</div>
</div>
</td>
<td
class="p-2 cursor-pointer"
ng-click="$event.stopPropagation(); openViewClioTask(task)"
>
<span
ng-class="{
'late-date':
$root.now.isAfter(task.due_at) &&
!task.status.is_done
}"
>
{{ task.due_at | amDateFormat: "L" }}
<small
class="late"
ng-if="
now.isAfter(task.due_at) &&
!task.status.is_done
"
><i class="fad fa-engine-warning"></i
></small>
</span>
</td>
<td
class="cursor-pointer"
ng-click="$event.stopPropagation(); openViewClioTask(task)"
>
<!-- <i
class="fas fa-arrow-circle-right cursor-pointer color-purple h4 mr-2 hover-tr"
ng-click="$event.stopPropagation(); openViewClioTask(task)"
></i> -->
</td>
</tr>
</tbody>
</table>
</div>
<div class="row w-100" ng-show="filteredTasksComplete.length > 0">
<button
type="button"
style="display: none"
id="but_hide_complete_tasks"
class="btn btn-small btn-primary complete-tasks"
onclick="$('#complete_tasks_body').hide(),$(this).hide(),$('#but_open_complete_tasks').fadeIn();"
>
Hide Completed Tasks
</button>
</div>
</div>
</div>
<!-- slider text E N D -->
<!-- slider text S T A R T -->
<div
class="slide-in-content"
ng-if="viewCardTab === 'clio-notes'"
ng-if="hasAsset('Clio')"
>
<!-- HEADER TITLE -->

<h3 class="mb-2">
Notes
</h3>

<div class="row mb-3">
<div class="col-12 mt-2" ng-if="::!hasAnyRole('viewer')">
<form
name="clioNoteFormInline"
ng-submit="saveClioNote(note, clioNoteFormInline)"
>
<p class="mb-1">
<strong class="color-purple">Create a new note here</strong>
</p>
<div class="form-row mb-3">
<div class="col-12">
<textarea
ng-model="note.detail"
name="detail"
class="form-control"
required
row="1"
onClick="$('#clio-note-form-inline').show('slow')"
placeholder="What do you want to share?"
></textarea>
</div>
</div>



<div id="clio-note-form-inline" style="display: none;">
<div class="form-row mb-3">
<div class="col-4">
<input
type="text"
class="form-control"
placeholder="Subject"
name="subject"
ng-model="note.subject"
required
/>
</div>

<div class="col-3">
<div class="datepicker-container">
<input
type="text"
placeholder="mm/dd/yyyy"
class="form-control datepicker"
autocomplete="off"
name="date"
ng-model="note.date"
required
/>
<span class="datepicker-icon"
><i class="fas fa-caret-down"></i
></span>
</div>
</div>

<div class="col-4">
<button
type="submit"
class="btn btn-primary btn-block mb-3"
ng-disabled="clioNoteFormInline.$invalid || loading"
onClick="$('#clio-note-form-inline').hide('slow')"
ng-class="{ loading: loading }"
>
Save
</button>
</div>
<div class="col-1">
<a
class="btn btn-outline-info btn-block mb-3 px-0"
onClick="$('#clio-note-form-inline').hide('slow')"
>
<i class="fad fa-trash"></i>
</a>
</div>
</div>
</div>
</form>
</div>
</div>


<!-- ////////////// -->
<div class="col-md-6 mt-3 pl-0" ng-show="viewCard.sourceMatter.notes.length != 0">
<div class="search-simple">
<input
type="text"
id="search-NOTES"
class="form-control"
ng-model="searchNotes"
placeholder="Search about something..."
/>
<span class="search-icon">
<i class="fas fa-search"></i>
</span>
</div>
</div>

<!-- //////////// -->
<div class="col-12 pl-0 mt-3">
<div
class="col-12 mt-3 text-center"
ng-cloak
ng-show="viewCard.sourceMatter.notes.length === 0"
>
<img src="https://app.legalboards.io/img/no-notes.png" width="50%" />
</div>

<div
ng-class="{ 'empty-box': viewCard.sourceMatter.notes.length === 0 }"
ng-cloak
>
<div
class="col-12 folloup-list"
ng-repeat="note in viewCard.sourceMatter.notes | orderBy:'-id' | filter:searchNotes track by $index"
ng-class="{ 'item-new': note.isNew }"
>
<div ng-show="note.isNew" class="item-new-box">
<i class="fad fa-check-circle item-new-check"></i>
</div>
<i class="fas fa-circle bullet-timeline"></i>
<span class="mb-0 details-task">
<div
ng-if="note.subject | shouldShowAASPIcon"
class="user-avatar user-avatar-list raio-40 mr-2"
ng-class="::$root.getRandomAvatarBackground($index)"
style="background-image:url({{ note.subject | shouldShowAASPIcon }});"
>
</div>

<div
ng-if="!(note.subject | shouldShowAASPIcon) && note.author"
class="user-avatar user-avatar-list raio-40 mr-2"
ng-class="::$root.getRandomAvatarBackground($index)"
title="{{ note.author.name }}"
>
<span>{{ note.author.name | nameToInitials }}</span>
</div>

<p>
<ng-if ng-if="!(note.subject | shouldShowAASPIcon)">{{ note.author.name }}</ng-if>
<ng-if ng-if="(note.subject | shouldShowAASPIcon)">AASP</ng-if>
<br />
{{ note.date | amDateFormat: "L" }}
</p>
<a
class="p-2 btn float-right"
ng-click="confirmClioDeleteNote(note, $index)"
ng-if="::!hasAnyRole('viewer')"
>
<i class="fad fa-trash"></i>
</a>
<a
class="p-2 btn float-right"
ng-click="openClioNoteForm(note)"
ng-if="::!hasAnyRole('viewer')"
>
<i class="fad fa-pen"></i>
</a>
</span>
<h4>{{ note.subject }}</h4>
<p
class="mb-0 details-task"
ng-bind-html="note.detail | htmlToPlaintext | html"
></p>
</div>
</div>
</div>
</div>
<!-- slider text E N D -->
<!-- slider text S T A R T -->
<div class="slide-in-content" ng-if="hasAsset('Clio') && viewCardTab === 'clio-communications'">
<!-- HEADER TITLE -->

<h3 class="mb-2">
Communications
</h3>


<div class="col-12 pl-0">
<div class="col-12 mt-3 text-center" ng-cloak ng-if="viewCard.clio_communications.length === 0">
<img src="https://app.legalboards.io/img/no-communications.png" width="50%" />
</div>

<div
ng-if="viewCard.clio_communications.length > 0"
ng-class="{ 'empty-box': viewCard.clio_communications.length === 0 }" ng-cloak
>
<table class="mt-3 table-striped pb-3 colorDark w-100">
<thead class="light">
<tr>
<th ></th>
<th>Sender > Receiver</th>
<th>Subject</th>
<th>Date</th>
<th></th>
</tr>
</thead>
<tbody>
<tr ng-repeat="clio_communication in viewCard.clio_communications | orderBy:'-id' track by $index">

<td>
<i class="fas fa-phone h5 mt-3 ml-2" ng-if="clio_communication.type == 'PhoneCommunication'"></i>
<i class="fas fa-envelope h5 mt-3 ml-2" ng-if="clio_communication.type == 'EmailCommunication'"></i>
</td>
<td>
<div class="float-left" ng-if="clio_communication.senders.length > 0">
<div ng-repeat="sender in clio_communication.senders">
<div class="user-avatar user-avatar-list raio-40 mr-2" ng-class="::$root.getRandomAvatarBackground($index)" title="{{ sender.name }}">
<span>{{ sender.name | nameToInitials }}</span>
</div>
</div>
</div>

<i class="fas h4 fa-angle-right float-left mt-2 mr-2"></i>

<div class="float-left" ng-if="clio_communication.receivers.length > 0">
<div ng-repeat="receiver in clio_communication.receivers">
<div class="user-avatar user-avatar-list raio-40 mr-2" ng-class="::$root.getRandomAvatarBackground($index)" title="{{ receiver.name }}">
<span>{{ receiver.name | nameToInitials }}</span>
</div>
</div>
</div>

</td>
<td>{{ clio_communication.subject }}</td>
<td>{{ clio_communication.date | amDateFormat: "L" }}</td>
<td ng-click="openClioCommunicationModal(clio_communication)"><i class="fas fa-search"></i></td>
</tr>
</tbody>
</table>

</div>
</div>
</div>
<!-- slider text E N D -->
</ng-if>

<ng-if ng-if="::hasAsset('LawPay') && hasAnyRole('admin')">
<!-- slider text S T A R T -->
<div
class="slide-in-content"
ng-if="viewCardTab === 'lawpay-payments'"
ng-if="::hasAsset('LawPay') && hasAnyRole('admin')"
>
<!-- HEADER TITLE -->

<h3 class="mb-2">
Payments

<button
class="btn btn-primary float-right"
ng-click="openLawPayPaymentForm()"
ng-if="::hasAnyRole('admin')"
ng-show="
(viewCard.sourceContact && viewCard.sourceContact.email) ||
(viewCard.sourceMatter &&
(viewCard.sourceMatter.client.primary_email_address ||
viewCard.sourceMatter.client.clio_connect_email ||
viewCard.sourceMatter.client.email))
"
>
New Payment
</button>
</h3>

<div class="row mb-3 col-12 mr-0 px-0">
<div
class="col-md-12 pl-2 mt-3"
ng-show="viewCard.lawpay_payments.length != 0"
>
<div class="search mt-2">
<input
type="text"
class="form-control"
ng-model="searchPayments"
placeholder="Search Payment"
/>
<span class="search-icon">
<i class="fas fa-search"></i>
</span>
</div>
</div>
<div
class="col-12 mt-3"
ng-cloak
ng-show="viewCard.lawpay_payments.length === 0"
>
<div
class="pl-2 pr-4"
ng-if="::!hasAnyRole('viewer')"
ng-show="
(viewCard.sourceContact && viewCard.sourceContact.email) ||
(viewCard.sourceMatter &&
(viewCard.sourceMatter.client.primary_email_address ||
viewCard.sourceMatter.client.clio_connect_email ||
viewCard.sourceMatter.client.email))
"
>
<img src="https://app.legalboards.io/img/no-payments.png " width="50%" />
</div>

<div
class="text-center"
ng-show="
!(
(viewCard.sourceContact &&
viewCard.sourceContact.email) ||
(viewCard.sourceMatter &&
(viewCard.sourceMatter.client
.primary_email_address ||
viewCard.sourceMatter.client
.clio_connect_email ||
viewCard.sourceMatter.client.email))
)
"
>
<img src="https://app.legalboards.io/img/no-email.png" width="50%" />
</div>
</div>
<div
class="row mt-3 pl-4 w-100"
ng-class="{ 'empty-box': viewCard.lawpay_payments.length === 0 }"
ng-show="viewCard.lawpay_payments.length != 0"
>
<div
class="list-card"
style="cursor: initial !important;border-radius :0px;"
ng-repeat="payment in viewCard.lawpay_payments | filter:searchPayments track by payment.id"
>
<h5 class="card-title font-weight-normal">
<strong
><ng-if ng-if="payment.total_amount">
${{ payment.currency | uppercase }} {{
payment.total_amount | lawPayDecimals
}}
</ng-if>
<ng-if ng-if="!payment.total_amount">-</ng-if></strong
>
<br />

Created:

<span>
{{ payment.created.timestamp | amDateFormat: "L" }}
</span>
<br />
<small
ng-if="payment.invoice_messages[0].subject"
class="description"
>{{ payment.invoice_messages[0].subject }}</small
>
</h5>

<div class="col-md-4 float-left mx-0 px-0">
<i class="fas fa-calendar color-purple"></i>
<strong>Due Date</strong><br />
<span
ng-class="{
'late-date':
$root.now.isAfter(payment.invoice_date) &&
payment.status !== 'paid'
}"
>{{ payment.invoice_date | amDateFormat: "L" }}</span
>
<small
class="late"
ng-if="
now.isAfter(payment.invoice_date) &&
payment.status !== 'paid'
"
><i class="fad fa-engine-warning"></i
></small>
</div>

<div class="col-md-4 float-left mx-0 px-0"></div>

<div class="text-right float-left col-md-4">
<i class="fad fa-tags color-purple"></i>
<strong>Status</strong><br />
<ng-if ng-if="payment.status === 'paid'">
<span
><i class="fad fa-check-circle text-success"></i>
{{ payment.status | uppercase }}</span
>
</ng-if>
<ng-if ng-if="payment.status != 'paid'">
<span>{{ payment.status | uppercase }}</span>
</ng-if>
</div>
</div>
</div>
</div>
</div>
<!-- slider text E N D -->
</ng-if>

<ng-if ng-if="::hasAsset('DocuPlayer')">
<!-- slider text S T A R T -->
<div
class="slide-in-content"
ng-if="viewCardTab === 'docuplayer-videos'"
ng-if="::hasAsset('DocuPlayer')"
>
<!-- HEADER TITLE -->

<h3 class="mb-2">
Videos

<a
href="https://members.docuplayer.com/#/dashboard/videos"
class="btn btn-primary float-right"
target="_blank"
>
<i class="far fa-external-link mr-1"></i> DocuPlayer
</a>
</h3>

<div class="row mb-3 col-12 mr-0 px-0">
<div
class="col-md-12 pl-2 mt-3"
ng-show="viewCard.docuplayer_videos.length != 0"
>
<div class="search mt-2">
<input
type="text"
class="form-control"
ng-model="searchVideos"
placeholder="Search Video"
/>
<span class="search-icon">
<i class="fas fa-search"></i>
</span>
</div>
</div>
<div
class="col-12 mt-3"
ng-cloak
ng-show="viewCard.docuplayer_videos.length === 0"
>
<div
class="text-center"
ng-if="::!hasAnyRole('viewer')"
ng-show="
(viewCard.sourceContact && viewCard.sourceContact.email) ||
(viewCard.sourceMatter &&
(viewCard.sourceMatter.client.primary_email_address ||
viewCard.sourceMatter.client.clio_connect_email ||
viewCard.sourceMatter.client.email))
"
>
<img src="https://app.legalboards.io/img/no-videos.png" width="50%" />
</div>

<div
class="text-center"
ng-show="
!(
(viewCard.sourceContact &&
viewCard.sourceContact.email) ||
(viewCard.sourceMatter &&
(viewCard.sourceMatter.client
.primary_email_address ||
viewCard.sourceMatter.client
.clio_connect_email ||
viewCard.sourceMatter.client.email))
)
"
>
<img src="https://app.legalboards.io/img/no-email.png" width="50%" />
</div>
</div>
<div
class="col-12 ml-0 mr-0 pl-2 pr-4 page-listagem"
ng-class="{
'empty-box': viewCard.docuplayer_videos.length === 0
}"
ng-show="viewCard.docuplayer_videos.length != 0"
>
<table class="mt-3 table-striped pb-3 colorDark">
<thead class="light">
<tr>
<th scope="col" class="pl-2">Created</th>
<th scope="col">Title</th>
<th scope="col" width="30px"></th>
<th scope="col" width="30px"></th>
</tr>
</thead>
<tbody>
<tr
style="cursor: initial !important;"
ng-repeat="video in viewCard.docuplayer_videos | filter:searchVideos track by video.id"
>
<td class="p-2">
{{ video.date | amDateFormat: "L" }}
</td>
<td>{{ video.title }}</td>
<td>
<a
class="mx-0 px-2"
ng-href="{{ video.link }}"
target="_blank"
style="border-right: 1px solid #b4becb;"
title="Protected Link"
>
<i class="fas fa-lock"></i>
</a>
</td>
<td>
<button
type="button"
class="btn btn-link mx-0 px-2"
ng-click="docuPlayerGetVideo(video)"
title="Watch Now"
>
<i class="fas fa-unlock-alt color-purple"></i>
</button>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- slider text E N D -->
</ng-if>

<!-- slider text S T A R T -->
<div
class="slide-in-content"
ng-if="viewCardTab === 'timesheets'"
>
<!-- HEADER TITLE -->
<div class="row mb-3 align-items-center">
<div class="col-md-7 pl-2">
<h3 class="m-0">
Time Entry
</h3>
</div>
<div class="col-md-5 text-right">
<button
ng-show="!$root.timerRunning"
class="btn btn-primary px-3"
ng-if="hasAnyRole(['admin', 'member'])"
ng-click="saveTimer(viewCard)"
type="button"
>
Start time-Entry
<i class="fas fa-stopwatch ml-2"></i>
</button>
</div>
</div>

<div class="row mb-3">
<div class="col-md-6 pl-2" ng-show="viewCard.timesheets.length != 0">
<div class="input-group busca-listagem" ng-cloak>
<label>User:</label>
<!-- <select
ng-model="searchUser"
ng-options="member as (member.first_name + ' ' + member.last_name) for member in account_users track by member.id"
>
<option value="">All</option>
</select> -->

<ui-select
ng-model="searchUser"
theme="select2"
>
<ui-select-match allow-clear placeholder="All">
{{ searchUser.first_name }} {{ searchUser.last_name }}
</ui-select-match>
<ui-select-choices
repeat="member in account_users track by $index"
>
{{ member.first_name }} {{ member.last_name }}
</ui-select-choices>
</ui-select>

</div>
</div>

<div
style="margin-top: 26px;"
class="col-md-6 pl-2"
ng-show="viewCard.timesheets.length != 0"
>
<div class="search mt-2">
<input
type="text"
class="form-control"
ng-model="searchTimesheets"
placeholder="Search Time Entry"
/>
<span class="search-icon">
<i class="fas fa-search"></i>
</span>
</div>
</div>
<div
class="col-12 mt-3 text-center"
ng-cloak
ng-show="viewCard.timesheets.length === 0"
>
<img src="https://app.legalboards.io/img/no-time-entry.png" width="50%"/>
</div>
<div
class="col-12 ml-0 mr-0 pl-2 pr-3 page-listagem"
ng-class="{ 'empty-box': viewCard.timesheets.length === 0 }"
ng-show="viewCard.timesheets.length != 0"
>
<table
class="mt-3 table-striped pb-3 colorDark"
ng-show="matter_areas.length != 0"
>
<thead>
<tr>
<th scope="col" width="40px" class="pl-2 py-0">
User
</th>
<th scope="col" width="40px" class="pl-2 py-0">
Where
</th>
<th
scope="col"
class="pl-2 py-0"
width="80px"
ng-click="timesheetsOrderBy = 'created_at'; timesheetsOrderByReverse = timesheetsOrderByReverse == true ? false : true"
>
Date
<i class="fas fa-sort cursor-pointer"></i>
</th>
<th scope="col" width="80px" class="pl-2 text-center py-0">
Time
</th>
<th scope="col" class="pl-2 py-0">
Description
</th>
<th
scope="col"
width="47px"
ng-if="::$root.hasAsset('Clio')"
class="py-0"
>
Clio
</th>
<th scope="col" width="70px" class="py-0"></th>
</tr>
</thead>
<tbody>
<tr
ng-repeat="timesheet in viewCard.timesheets | whereLbObj:{user: (searchUser ? {id: searchUser.id} : undefined)} | orderBy:(timesheetsOrderBy+'' || 'created_at'):!!!timesheetsOrderByReverse | filter:searchTimesheets track by timesheet.id"
>
<td class="p-2">
<div
class="user-avatar user-avatar-list raio-40 mr-2"
ng-class="::$root.getRandomAvatarBackground($index)"
title="{{ timesheet.user.first_name }} {{
timesheet.user.last_name
}}"
style="background-image:url({{ timesheet.user.avatar }});"
>
<span ng-show="!timesheet.user.avatar">
{{ timesheet.user.initials }}
</span>
</div>
</td>
<td class="p-2">
<div ng-switch="timesheet.timesheetable_type">
<span ng-switch-when="App\Contact">
<i
class="fas fa-user bg-greenF circle-20"
title="Contact"
></i>
</span>

<span ng-switch-when="App\Matter">
<i
class="fas fa-suitcase bg-blue circle-20"
title="Matter"
></i>
</span>
<span ng-switch-when="App\Card">
<i
class="fas fa-sticky-note bg-greenlb circle-20"
title="Card"
></i>
</span>
<span ng-switch-when="App\AssetTask">
<button
class="btn btn-link px-0"
ng-click="timesheetOpenTask(timesheet)"
>
<i
class="fas fa-check-square bg-purple circle-20"
title="Click here to check"
></i>
</button>
</span>
<span
ng-switch-when="App\Sources\Clio\AssetClioTask"
>
<button
class="btn btn-link px-0"
ng-click="timesheetOpenClioTask(timesheet)"
>
<i
class="far fa-tasks-alt bg-purple circle-20"
title="Click here to check"
></i>
</button>
</span>
<div ng-switch-default></div>
</div>
</td>
<td class="p-2">
{{ timesheet.created_at | amDateFormat: "L" }}
</td>
<td class="p-2 text-center">
<span
ng-show="
timesheet.started_at && !timesheet.ended_at
"
class=""
>
<i
class="fad fa-hourglass-half color-purple"
></i>
</span>

<span
class=""
ng-show="!!timesheet.time_logged_in_mins"
>
{{
timesheet.time_logged_in_mins
| minutesToTime
}}
</span>
</td>
<td class="p-2">
<span
ng-bind-html="timesheet.description | htmlToPlaintext | html"
></span>
<span
ng-show="
timesheet.started_at && !timesheet.ended_at
"
class="color-purple"
>
<strong>Running...</strong>
</span>
</td>
<td class="p-2" ng-if="$root.hasAsset('Clio')">
<span ng-show="timesheet.clio_activity_id">
<i class="fa fa-check color-purple"></i>
</span>
</td>
<td>
<ng-show
ng-hide="
timesheet.started_at && !timesheet.ended_at
"
ng-if="
$root.hasAnyRole('admin') ||
($root.hasAnyRole('member') &&
AuthUser.id == timesheet.user_id)
"
>
<a
href=""
ng-click="openTimesheetForm(timesheet)"
class="px-2"
>
<i class="fas fa-pencil"></i>
</a>
<a
href=""
ng-click="removeTimesheet(timesheet, $index)"
class="px-2"
>
<i class="fas fa-trash text-danger"></i>
</a>
</ng-show>
</td>

</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td class="p-2 text-center"><strong>{{ viewCard.timesheets | sumMinutes | minutesToTime }}</strong></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- slider text E N D -->

<ng-if ng-if="::hasDocumentAsset()">
<!-- slider text S T A R T -->
<div
class="slide-in-content pr-2"
ng-if="viewCardTab === 'documents'"
ng-if="::hasDocumentAsset()">
<!-- HEADER TITLE -->

<h3 class="mb-2 position-relative">
Documents


<ng-if ng-if="$root.hasAsset('GoogleDrive') || $root.hasAsset('OneDrive')">
<button type="button" class="btn btn-outline-info ml-2 p-2 mr-2" ng-click="chooseDocumentDrive()" title-direction="right" title="Set up a different folder for this card."><i class="fad fa-folder-open"></i></button>
<span id="open_dropdown_document-action_view"
ng-click="$event.stopPropagation(); openDropdownEditCard('document_action')" class="btn p-1">
<i class="fas fa-ellipsis-v text-light"></i>
</span>

<div class="dropdown-menu card-actions-list p-0 dropdown_card_menu" style="width: 220px; left:0px !important;top: 10px;" id="open_dropdown_menu_document_action">
<div class="d-flex flex-card">
<label class="btn" ng-if="::!hasAnyRole('viewer')">
<i class="fas fa-upload"></i>
Upload Now
<input
type="file"
style="display: none;"
id="sourceDocuments"
ng-model="sourceDocuments"
multiple
onchange="angular.element(this).scope().documentsUpload(sourceDocuments)" />
</label>
<button ng-if="::!hasAnyRole('viewer')" class="btn" ng-click="showFormUploadDocumentTemplate()">
<i class="fas fa-th-large"></i>Add using Template
</button>
</div>
</div>
</ng-if>

<!--
<label class="btn btn-primary float-right" ng-if="::!hasAnyRole('viewer')">
Upload Now
<input
type="file"
style="display: none;"
id="sourceDocuments"
ng-model="sourceDocuments"
multiple
onchange="angular.element(this).scope().documentsUpload(sourceDocuments)" />
</label> -->
<!--
<button ng-click="showFormUploadDocumentTemplate()" class="btn btn-primary mr-2 float-right" ng-if="::!hasAnyRole('viewer')">
Add using Template
</button> -->
</h3>


<div class="row mb-3 col-12 mr-0 px-0">
<div
class="col-md-6 pl-2 mt-3"
ng-show="viewCard.documents.length != 0">
<div class="search-simple">
<input
type="text"
class="form-control"
ng-model="searchDocuments"
placeholder="Search Document" />
<span class="search-icon pl-2">
<i class="fas fa-search"></i>
</span>
</div>
</div>
<div
class="col-12 mt-3 text-center"
ng-cloak
ng-show="viewCard.documents.length === 0">
<img src="https://app.legalboards.io/img/no-documents.png" width="50%" />
</div>
<div
class="col-12 m-0 pl-2 pr-0 page-listagem"
ng-class="{ 'empty-box': viewCard.documents.length === 0 }"
ng-show="viewCard.documents.length != 0">
<table
class="mt-3 table-striped pb-3 colorDark"
ng-show="matter_areas.length != 0">
<thead>
<tr>
<th scope="col" class="p-0 pl-2">Name</th>
<th scope="col" class="p-0 pl-2">Drive</th>
<th scope="col" class="p-0 pl-2">Created</th>
<th scope="col" width="70px"></th>
</tr>
</thead>
<tbody>
<tr
ng-repeat="document in viewCard.documents | filter:searchDocuments track by document.id">
<td class="p-2">
<h5 class="card-title font-weight-normal">
<strong>{{ document.name }}</strong>
</h5>
</td>

<td class="p-2">
<h5 class="card-title font-weight-normal">
<strong>{{ document.asset.name }}</strong>
</h5>
</td>
<td class="p-2">
<span>
{{ document.created_at | amDateFormat: "L" }}
</span>
</td>
<td class="p-2">
<button
class="btn btn-link px-1"
ng-click="documentsDownload(document)"
type="button">
<i class="fas fa-arrow-circle-down color-purple"></i>
</button>

<button
class="btn btn-link px-1"
ng-click="documentsDeleteConfirm(document)"
type="button">
<i class="fas fa-trash color-red"></i>
</button>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- slider text E N D --> </ng-if>
<ng-if ng-if="::hasAsset('ClickSign')">
<!-- slider text S T A R T -->
<div
class="slide-in-content"
ng-if="viewCardTab === 'signedDocuments'"
ng-if="::hasAsset('ClickSign')"
>
<!-- HEADER TITLE -->

<h3 class="mb-2">
Signed Documents

<button ng-click="showFormSendDocumentSigned()" class="btn btn-primary mr-2 float-right" ng-if="::!hasAnyRole('viewer')">
Send document for signature
</button>
</h3>


<div class="row mb-3 col-12 mr-0 px-0">
<div
class="col-md-6 pl-2 mt-3"
ng-show="listDocumentsSigned.length != 0"
>
<div class="search-simple">
<input
type="text"
class="form-control"
ng-model="searchDocuments"
placeholder="Search Document"
/>
<span class="search-icon">
<i class="fas fa-search"></i>
</span>
</div>
</div>
<div
class="col-12 mt-3 text-center"
ng-cloak
ng-show="listDocumentsSigned.length === 0"
>
<img src="https://app.legalboards.io/img/no-documents.png" width="50%" />
</div>
<div
class="col-12 m-0 pl-2 pr-0 page-listagem"
ng-class="{ 'empty-box': listDocumentsSigned.length === 0 }"
ng-show="listDocumentsSigned.length != 0"
>
<table
class="mt-3 table-striped pb-3 colorDark"
ng-show="listDocumentsSigned.length != 0"
>
<thead>
<tr>
<th scope="col" class="p-0 pl-2">Name</th>
<th scope="col" class="p-0 pl-2">Status</th>
<th scope="col" class="p-0 pl-2">Created At</th>
<th scope="col" width="70px"></th>
</tr>
</thead>
<tbody>
<tr
ng-repeat="documentSigned in listDocumentsSigned | filter:searchDocuments track by documentSigned.id"
>
<td class="p-2">
<h5 class="card-title font-weight-normal">
<strong>{{ documentSigned.name }}</strong>
</h5>
</td>

<td class="p-2">
<h5 class="card-title font-weight-normal">
<strong>{{ documentSigned.status | translateDocumentSignedStatus }}</strong>
</h5>
</td>
<td class="p-2">
<span>
{{ documentSigned.created_at | amDateFormat: "L" }}
</span>
</td>
<td class="p-2">
<button
class="btn btn-link px-1"
ng-click="documentSignedDeleteConfirm(documentSigned.id)"
type="button"
>
<i class="fas fa-trash color-red"></i>
</button>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- slider text E N D -->
</ng-if>

<ng-if ng-if="::hasAsset('Publications')">
<!-- slider text S T A R T -->
<div
class="slide-in-content"
ng-if="viewCardTab === 'publications'"
ng-if="::hasAsset('Publications')"
>
<!-- HEADER TITLE -->

<div class="d-flex mb-3 align-items-center">

<i class="fa-sharp text-lg mr-2 fa-solid fa-envelope-open-text"></i>

<h3 class="mr-3 pt-2">
Publications
</h3>

<span class="rounded-publication badge text-bold bg-info rounded-circle mr-2 d-flex align-items-center justify-content-center">
{{ not_assign_publications }}
</span>

<span class="text-sm text-secondary">Not yet distributed or approved.</span>
</div>

<div class="min-h-70">
<div class="publication-item" ng-repeat="publication in publications" ng-init="checkPublicationContentWidth(publication, $index)">
<div class="mb-1">
<span>{{ publication.date | date:'dd/MM/yyyy' }}</span>
</div>

<div class="d-flex justify-content-between align-items-center border-botton pb-2">
<div>
<h4>{{ publication.section }}</h4>
<h4>{{ publication.v2? publication.v2.act_type : publication.type }}</h4>
</div>
<div class="d-flex align-items-center">
<i class="mr-2 mb-1 color-light"
ng-class="{
'fa-solid fa-bell-slash': publication.action === 'none',
'fa-solid fa-square-check': publication.action === 'task',
'fa-sharp fa-solid fa-triangle-exclamation': publication.action === null
}">
</i>
<div ng-if="publication.action === 'task'" ng-click="viewMovementTask(publication.task)" class="mr-2">Abrir Tarefa</div>
<div class="publication-menu">
<div class="ml-2 fa-xs" ng-click="togglePublicationMenu(publication)">
<i class="fas fa-ellipsis-v text-light fa-xs"></i>
</div>
<div class="mt-2 publication-dropdown-menu" ng-if="publication.showMenu">
<a class="publication-dropdown-item" target="_blank" ng-click="downloadPublication(publication)">
<i class="fa-light fa-download mr-2"></i>
Download
</a>
<a class="publication-dropdown-item" href="#" ng-if="!publication.task" ng-click="distributeTaskPublication(publication)">
<i class="fa-light fa-arrow-right-from-bracket mr-2"></i>
Assign Task
</a>
<a class="publication-dropdown-item" href="#" ng-click="viewMovementTask(publication.task)" ng-if="publication.task">
<div>
<div
class="user-avatar user-avatar-list raio-40 mr-2 d-flex align-items-center"
ng-class="::$root.getRandomAvatarBackground($index)"
ng-style="{'background-image': 'url(' + publication.task.assignee.avatar + ')'}"
>
<span ng-if="!publication.task.assignee.avatar" class="w-100 h-100 m-0">
{{ publication.task.assignee.initials }}
</span>
</div>
<div class="d-flex justify-content-between align-items-center min-w-160">
<div class="d-flex flex-column">
<span>Distributed to:</span>
<span class="text-bold">{{ publication.task.assignee.first_name }} {{ publication.task.assignee.last_name }}</span>
</div>
<div>
<i class="fa-light fa-arrow-up-right-from-square text-purple"></i>
</div>
</div>
</div>
</a>
<a class="publication-dropdown-item" href="#" ng-click="toggleNothingToDoPublication(publication)">
<i class="fa-solid fa-bell-slash mr-2"
ng-class="{'text-purple': publication.action === 'none'}"></i>
<span class="text-purple text-bold" ng-if="publication.action === 'none'">Remove No Action Needed</span>
<span ng-if="publication.action !== 'none'">Add No Action Needed</span>
</a>
<a class="publication-dropdown-item" href="#" ng-click="toggleManagerCategories(publication)">
<i class="fa-light fa-tag mr-2"></i>
Category
</a>
<div ng-if="publication.showManagerCategories">
<div class="category-select-container">
<ul class="category-list">
<li ng-repeat="category in categories">
<label>
<input type="checkbox" ng-model="category.selected" ng-change="toggleCategorySelection(category, publication)">
{{ category.name }}
</label>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="mt-2">
<div class="d-flex flex-column">
<div class="publication-content"
ng-show="!publication.v2"
ng-class="{'expanded': publication.showFullContent}"
>
<span ng-if="!publication.v2" ng-bind-html="publication.content"></span>
</div>
<div class="mt-2 text-center" ng-if="publication.isContentOverflowing"
ng-if="!publication.v2"
>
<a href="#" ng-click="togglePublicationShowFullContent(publication)">
<span class="text-bold" ng-if="!publication.showFullContent">View More</span>
<span class="text-bold" ng-if="publication.showFullContent">Cancel</span>
</a>
</div>
<div class=""
ng-if="publication.v2"
>
<span ng-bind-html="publication.showFullContent? publication.v2.content : publication.v2.resume"></span>
<div ng-if="publication.showFullContent && publication.v2" class="d-flex mt-3 justify-content-between align-items-center container-case-info ng-scope">
<div class="d-flex flex-column">
<div class="d-flex align-items-center mb-2">
<div class="icon-wrapper">
<i class="fa-solid fa-microchip-ai ai-icon"></i>
</div>
<strong class="ai-title">Legalboards AI</strong>
</div>
<span>Recommended Action:</span>
<span class="text-bold ng-binding">
{{ publication.v2.suggested_action }}
</span>
<span class="mt-2">Responsible Party:</span>
<span class="text-bold ng-binding">
{{ publication.v2.responsible }}
</span>
<span class="mt-2" ng-if="publication.v2.limit_date !== 'dd/mm/aaaa'">Suggested Deadline:</span>
<span class="text-bold ng-binding" ng-if="publication.v2.limit_date !== 'dd/mm/aaaa'">
{{ publication.v2.limit_date }}
</span>
<div class="pt-3">
<button class="btn btn-sm btn-purple" ng-click="distributeTaskPublication(publication, true)">
<i class="fa-solid fa-microchip-ai mr-1 ai-icon"></i>
Create Task
</button>
</div>
</div>
</div>
</div>
<div class="mt-2 text-center"
ng-if="publication.v2"
>
<a href="#" ng-click="togglePublicationShowFullContent(publication)">
<span class="text-bold" ng-if="!publication.showFullContent">View Full</span>
<span class="text-bold" ng-if="publication.showFullContent">View Resume</span>
</a>
</div>
<div class="mt-3">
<div ng-repeat="category in publication.categories "
class="py-2 px-3 mr-2 badge badge-pill"
ng-style="{'background-color': category.color}"
>
{{ category.name }}
</div>
</div>
</div>
</div>

</div>
</div>
</div>
<!-- slider text E N D -->
</ng-if>
</section>
<section ng-show="loadingOpenViewCard">
<div class="lds-css ng-scope">
<div style="width:50%;height:50%" class="lds-ellipsis">
<div>
<div></div>
</div>
<div>
<div></div>
</div>
<div>
<div></div>
</div>
<div>
<div></div>
</div>
<div>
<div></div>
</div>
</div>
</section>
<!-- slide in content E N D -->
</div>
<!-- Slider form S T A R T -->

<div id="edit-card-modal" class="slide-in-contaniner slide-in-form remove">
<button
class="close-btn btn close-form-but"
ng-click="closeEditCardModel()"
>
<i class="fas fa-times"></i>
</button>

<div class="slide-form-container">

<div id="box-edit-card-details" style="display: none">
<h3>Card Details</h3>

<form name="form" ng-submit="saveCardNote(viewCardEdit, form)">
<div class="form-row mb-3">
<div class="col-12">
<label>Title</label>
<input
type="text"
class="form-control"
placeholder="Title"
name="title"
ng-model="viewCardEdit.title"
required
maxlength="191"
/>
</div>
</div>

<span
class="error"
ng-show="form.title.$dirty && form.title.$error.required"
>This field is required.
</span>

<span
class="error"
ng-show="form.title.$dirty && form.title.$error.maxlength"
>Your field is too long.
</span>

<div class="form-row mb-3">
<div class="col-12">
<label>Subtitle</label>
<input
type="text"
class="form-control"
placeholder="Subtitle"
name="subtitle"
ng-model="viewCardEdit.subtitle"
maxlength="191"
/>
</div>
</div>

<span
class="error"
ng-show="form.subtitle.$dirty && form.subtitle.$error.maxlength"
>Your field is too long.
</span>


<h6>
Label:
</h6>

<ng-show ng-show="viewCardEdit.labels.length > 0" ng-cloak>
<h4 class="subtitles-dropdown bg-white" ng-repeat="label in viewCardEdit.labels">
<span ng-style="{'background-color': label.color}"></span>
<ng-show >{{ label.value }}</ng-show>
<i class="fal fa-times float-right colorLight h6" ng-if="hasAnyRole(['admin', 'member'])" ng-click="$event.stopPropagation(); viewCardEdit.labels.splice(viewCardEdit.labels.indexOf(label),1); updateCardLabel(viewCardEdit);"></i>
</h4>
</ng-show>

<ng-show ng-show="labels.length > 0" ng-cloak ng-if="hasAnyRole(['admin', 'member'])">
<h4 id="dDrop" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" ng-cloak class="subtitles-dropdown">
<span ng-style="{'background-color': '#f1f4f9'}"></span>
<ng-show >Select</ng-show>
<i class="fal fa-chevron-down"></i>
</h4>
<div class="subtitles-dropdown dropdown-menu" aria-labelledby="dDrop">
<h4 class="subtitles-dropdown subtitles-item" ng-repeat="label in labels track by label.id" ng-click="viewCardEdit.labels.push(label); updateCardLabel(viewCardEdit)">
<span ng-style="{'background-color': label.color}"></span>
{{ label.value }}
</h4>
</div>
</ng-show>
<ng-show ng-if="labels.length == 0 && $root.hasAnyRole('admin')">
<a
href=""
ng-click="closeViewCardModal(); manageBoard(activeBoard)"
>
Your board does not have labels yet, create them by clicking here
</a>
</ng-show>

<ng-show
ng-if="labels.length == 0 && $root.hasAnyRole(['member', 'view'])"
>
<a href="">
Your board does not have labels yet, create them by clicking here
</a>
</ng-show>


<div class="mb-3">
<button
type="submit"
class="btn btn-primary btn-block"
ng-disabled="form.$invalid || loading"
ng-class="{ loading: loading }"
>
Save
</button>
</div>
</form>
</div>

<div id="box-edit-card-members" style="display: none">
<div class="row mt-3">
<div class="col-12">
<h3>Members</h3>
</div>

<div class="col-12">
<form class="form">
<input
type="text"
class="form-control"
ng-model="searchMember"
placeholder="Search Names"
/>
</form>

<table class="mt-3 table table-striped">
<tbody>
<tr
ng-repeat="member in account_team | filter:searchMember track by member.id"
>
<td>
<h5>{{ member.first_name }}</h5>
<span>{{ member.email }}</span>
</td>

<td style="width: 60px;">
<a
href=""
ng-click="addCardMember(member, viewCardEdit)"
ng-show="
!isCardMember(
member,
viewCardEdit.members
)
"
>
Add
</a>

<a
href=""
ng-click="removeCardMember(member, viewCardEdit)"
ng-show="
isCardMember(
member,
viewCardEdit.members
)
"
>
Remove
</a>
</td>
</tr>
</tbody>
</table>
<hr />
</div>
</div>
</div>

</div>
</div>

<!-- Slider form E N D -->
<!-- Slider form S T A R T -->

<div id="card-logs-modal" class="slide-in-contaniner slide-in-form remove">
<button
class="close-btn btn close-form-but"
ng-click="closeCardLogsModel()"
>
<i class="fas fa-times"></i>
</button>

<div class="slide-form-container">
<h3>Card Logs</h3>
<div class="row">
<div class="col-12 mt-3">
<label>Log</label>
</div>

<div class="col-12 ">
<form class="form">
<input
type="text"
class="form-control"
ng-model="searchLog"
placeholder="Search"
/>
</form>

<table class="mt-3 table table-striped">
<tbody>
<tr ng-repeat="log in card_logs | filter:searchLog track by log.id">
<td>
<span>
At {{
log.created_at
| amTimezone: AuthUser.timezone
| amDateFormat: "L HH:mm"
}},
{{ log.user.first_name }}

<ng-show
ng-show="log.list_in.id && !log.list_out.id"
>
created in column {{ log.list_in.name }}
</ng-show>

<ng-show
ng-show="log.list_in.id && log.list_out.id && log.list_in.id !== log.list_out.id"
>
moved from column {{
log.list_out.name
}}
for {{ log.list_in.name }}
</ng-show>

<ng-show
ng-show="log.list_in.id && log.list_out.id && log.list_in.id === log.list_out.id"
>
moved in the column {{ log.list_in.name }}
</ng-show>
</span>
</td>
</tr>
</tbody>
</table>
<hr />
</div>
</div>
</div>
</div>

<!-- Slider form E N D -->
<!-- Slider form S T A R T -->

<div id="form-card-note" class="slide-in-contaniner slide-in-form remove">
<button
class="close-btn btn close-form-but"
ng-click="closeLegalboardNoteForm()"
>
<i class="fas fa-times"></i>
</button>

<div class="slide-form-container">
<h3 ng-show="!note.id">New Note</h3>
<h3 ng-show="note.id">Edit Note</h3>

<form
name="formLegalboardNote"
ng-submit="saveCardNote(note, formLegalboardNote)"
>
<div class="form-row mb-3">
<div class="col-12">
<label>Title</label>
<input
type="text"
class="form-control"
id="input-note-focus"
placeholder="Title"
name="title"
ng-model="note.title"
required
maxlength="191"
/>
</div>
</div>

<span
class="error"
ng-show="
formLegalboardNote.title.$dirty &&
formLegalboardNote.title.$error.required
"
>This field is required.
</span>

<span
class="error"
ng-show="
formLegalboardNote.title.$dirty &&
formLegalboardNote.title.$error.maxlength
"
>Your field is too long.
</span>

<div class="form-row mb-3">
<div class="col-12">
<label>Subtitle</label>
<input
type="text"
class="form-control"
placeholder="Subtitle"
name="subtitle"
ng-model="note.subtitle"
maxlength="191"
/>
</div>
</div>

<span
class="error"
ng-show="
formLegalboardNote.subtitle.$dirty &&
formLegalboardNote.subtitle.$error.maxlength
"
>Your field is too long.
</span>

<div class="form-row mb-3">
<div class="col-12">
<label>Description</label>
<div class="col-12 px-0 trix-custom">
<trix-editor
angular-trix
ng-model="note.note"
name="note"
rows="50"
placeholder="Card Description"
ng-keyup="dirtyAngularTrix = true"
trix-id="card-description"
onClick="$('#trix-toolbar-card-description').show('slow'), document.querySelector('trix-editor').focus();"
></trix-editor>
</div>
</div>
</div>

<span
class="error"
ng-show="
dirtyAngularTrix && formLegalboardNote.note.$error.required
"
>This field is required.
</span>

<ng-show ng-show="labels.length > 0" ng-cloak>
<div class="form-row mb-3">
<div class="col-12">
<label>Labels</label>
<ng-show ng-show="labels.length > 0" ng-cloak>
<h4 class="subtitles-dropdown bg-white" ng-repeat="label in note.labels">
<span ng-style="{'background-color': label.color}"></span>
<ng-show >{{ label.value }}</ng-show>
<i class="fal fa-times float-right colorLight h6" ng-click="$event.stopPropagation(); note.labels.splice(note.labels.indexOf(label),1);"></i>
</h4>
</ng-show>

<ng-show ng-show="labels.length > 0" ng-cloak >
<h4 id="dDrop" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" ng-cloak class="subtitles-dropdown">
<span ng-style="{'background-color': '#f1f4f9'}"></span>
<ng-show >Select</ng-show>
<i class="fal fa-chevron-down"></i>
</h4>
<div class="subtitles-dropdown dropdown-menu" aria-labelledby="dDrop">
<h4 class="subtitles-dropdown subtitles-item" ng-repeat="label in labels track by label.id" ng-click="note.labels.push(label);">
<span ng-style="{'background-color': label.color}"></span>
{{ label.value }}
</h4>
</div>
</ng-show>
</div>
</div>
</ng-show>

<ng-if
ng-if="
$root.hasCustomFieldsModule() && note.custom_fields.length > 0
"
>
<h3 ng-if="(note.custom_fields | checkAtLeastOneFilled).length">Custom Fields</h3>

<div
ng-repeat="custom_field in note.custom_fields |
checkAtLeastOneFilled track by custom_field.id"
class="mt-3"
>
<label>
{{ custom_field.value }}
<ng-show ng-show="custom_field.required">
(*)
</ng-show>
</label>

<ng-if ng-if="custom_field.field_type.name === 'text'">
<div class="d-flex align-items-center">
<textarea
class="form-control"
name="text"
ng-model="custom_field.answer[0].answer"
name="description"
ng-required="!!custom_field.required"
>
</textarea>
<a href="" ng-click="removeToNewUsedCustomField(custom_field.id)">
<i class="fa-solid ml-2 text-danger text-lg fa-trash"></i>
</a>
</div>
</ng-if>

<ng-if ng-if="custom_field.field_type.name === 'input'">
<div class="d-flex align-items-center">
<input
type="text"
class="form-control"
name="number"
ng-model="custom_field.answer[0].answer"
ng-required="!!custom_field.required"
/>
<a href="" ng-click="removeToNewUsedCustomField(custom_field.id)">
<i class="fa-solid ml-2 text-danger text-lg fa-trash"></i>
</a>
</div>
</ng-if>

<ng-if ng-if="custom_field.field_type.name === 'date'">
<div class="datepicker-container">
<div class="d-flex align-items-center">
<input
type="text"
placeholder="mm/dd/yyyy"
class="form-control datepicker"
autocomplete="off"
name="date"
ng-model="custom_field.answer[0].answer"
ng-required="!!custom_field.required"
/>
<span class="datepicker-icon delete-icon"><i class="fas fa-caret-down pl-5"></i></span>
<a href="" ng-click="removeToNewUsedCustomField(custom_field.id)">
<i class="fa-solid ml-2 text-danger text-lg fa-trash"></i>
</a>
</div>
</div>
</ng-if>

<ng-if ng-if="custom_field.field_type.name === 'select'">
<div class="d-flex align-items-center">
<ui-select
autofocus-ui-select
ng-model="custom_field.answer[0].option"
theme="select2"
ng-required="!!custom_field.required"
>
<ui-select-match placeholder="{{ custom_field.value }}">
{{ custom_field.answer[0].option.value }}
</ui-select-match>
<ui-select-choices repeat="option in custom_field.options">
{{ option.value }}
</ui-select-choices>
</ui-select>
<a href="" ng-click="removeToNewUsedCustomField(custom_field.id)">
<i class="fa-solid ml-2 text-danger text-lg fa-trash"></i>
</a>
</div>
</ng-if>

<ng-if ng-if="custom_field.field_type.name === 'money'">
<div class="d-flex align-items-center">
<input
type="text"
class="form-control"
name="number"
ng-model="custom_field.answer[0].answer"
ng-required="!!custom_field.required"
ui-money-mask
/>
<a href="" ng-click="removeToNewUsedCustomField(custom_field.id)">
<i class="fa-solid ml-2 text-danger text-lg fa-trash"></i>
</a>
</div>
</ng-if>

<ng-if ng-if="custom_field.field_type.name === 'upload'">
<div class="d-flex align-items-center">
<div class="d-flex justify-content-between w-full">
<div class="upload-container" ng-if="custom_field.upload_document_type !== 'document'">
<label for="file-input" class="file-name-label">
<input
type="text"
class="form-control file-name-input"
ng-model="custom_field.answer[0].answer"
placeholder="Select File"
readonly
ng-required="custom_field.required"
ng-readonly="::hasAnyRole('viewer')"
/>
</label>
<input
id="file-input"
type="file"
class="file-input"
name="upload"
file-change="setFilledCustomField(custom_field, $event)"
ng-required="custom_field.required && !custom_field.answer[0].answer"
ng-readonly="::hasAnyRole('viewer')"
/>
</div>
<div class="upload-container" style="margin-bottom: 18px" ng-if="custom_field.upload_document_type === 'document'">
<ui-select
ng-model="custom_field.answer[0].saved_document"
on-select="
custom_field.answer[0].document_id = custom_field.answer[0].saved_document.id;
custom_field.state = 'was-filled';
"
theme="select2">
<ui-select-match allow-clear placeholder="Select Document">
{{ custom_field.answer[0].saved_document.name }}
</ui-select-match>
<ui-select-choices
repeat="document in viewCard.documents | filter:$select.search track by $index">
{{ document.name }}
</ui-select-choices>
</ui-select>
</div>
<div class="p-3 d-flex">
<a href="#"
ng-click="
custom_field.upload_document_type = custom_field.upload_document_type === 'document' ? 'file' : 'document';
custom_field.document = '';
"
class="mr-2">
<i
ng-class="custom_field.upload_document_type === 'document' ? 'fas fa-archive' : 'fa-solid fa-folder-arrow-up'"
class=" text-primary text-lg"></i>
</a>

<a ng-if="custom_field.answer[0].answer && custom_field.answered.document"
href="#"
class="mr-2"
ng-click="documentsDownload(custom_field.answered.document)"
type="button"
>
<i class="fas text-lg fa-arrow-circle-down color-purple"></i>
</a>
<a href="" ng-click="removeToNewUsedCustomField(custom_field.id)">
<i class="fa-solid text-danger text-lg fa-trash"></i>
</a>
</div>
</div>
</div>
</ng-if>
</div>
</ng-if>
<ng-if
ng-if="
$root.hasCustomFieldsModule() &&
note.custom_fields.length === 0 &&
$root.isAccountOwner()
"
>
<small>
<i class="fas fa-lightbulb color-purple"></i>
How about creating more fields for you?
<a
href=""
onclick="$('#collapse-menu').removeClass('menu-expand'); $('#config-profile').toggleClass('show'); $('#custom-fields').addClass('show'); $('#form-card-note').removeClass('show')"
>Click here and find how</a
>
</small>
</ng-if>

<div class="mt-5 form-row" ng-if="
$root.hasCustomFieldsModule() &&
note.custom_fields.length &&
$root.isAccountOwner()
">
<div class="col-12">
<div class="border-top pt-3"></div>

<h5 class="text-md">Add More Information:</h5>
<label>Select the custom information you want to include here.</label>
<ui-select ng-model="cardCustomFieldSelected" theme="select2"
on-select="addToUsedCustomFieldNewNote(cardCustomFieldSelected.id,$select)">
<ui-select-match allow-clear placeholder="Select Custom Field to Add">
{{ cardCustomFieldSelected.value }}
</ui-select-match>
<ui-select-choices
repeat="custom_field in note.custom_fields | filter:$select.search | checkBothEmpty track by custom_field.id">
{{ custom_field.value }}
</ui-select-choices>
</ui-select>
</div>
</div>

<div class="form-btn-container mt-3">
<button
type="submit"
class="btn bg-green bg-btn-green-save btn-block mb-3"
ng-disabled="formLegalboardNote.$invalid || loading"
ng-class="{ loading: loading }"
>
Save
</button>
<button
class="btn btn-outline-secondary bg-btn-gray btn-block close-form-tab"
ng-click="closeLegalboardNoteForm(formLegalboardNote)"
>
Cancel
</button>
</div>
</form>
</div>
</div>

<!-- Slider form E N D -->
<script type="text/ng-template" id="defineAssignee.tpl.html">
<div class="modal-body px-4 ">
<h2 class="mb-3 text-center"><i class="fad fa-users-crown"></i> Define Assignee</h2>
<p>Veja abaixo as tarefas automáticas que vão ser criadas e defina o responsável.</p>
<div class="row mt-4">
<div class="col-12">
<div
ng-repeat="automation in defining_automations track by $index"
>
<div class="col-12 p-0 float-left">
<h5 class="text-light">
{{ automation.controllable.name }}

</h5>
<p class="text-light content-item mb-2">
<strong>Due Days:</strong> {{ automation.controllable.due_days }} Days
</p>

</div>

<div class="form-row mb-3">
<div class="col-12">
<label>Assignee</label>
<ui-select
autofocus-ui-select
ng-model="automation.sourceRewriteAutomationUsers"
theme="select2"
required
class="multipleFind"
name="sourceRewriteAutomationUsers"
multiple
>
<ui-select-match allow-clear placeholder="Assignee">
<ng-if ng-if="hasAsset('Legalboards')">
{{ $item.first_name }} {{ $item.last_name }}
</ng-if>
<ng-if ng-if="hasAsset('Clio')">
{{ $item.name }}
</ng-if>
</ui-select-match>
<ui-select-choices
repeat="assignee in automation_assignees | filter:$select.search track by $index"
>
<ng-if ng-if="hasAsset('Legalboards')">
{{ assignee.first_name }} {{ assignee.last_name }}
</ng-if>
<ng-if ng-if="hasAsset('Clio')">
{{ assignee.name }}
</ng-if>
</ui-select-choices>
</ui-select>
</div>
</div>
<label class="" for="default">
<input
type="checkbox"
class=""
placeholder="Default"
name="default"
ng-model="automation.default"
value="1"
/>

<span class="checkmark"></span>

Definir como padrão paras as próximas
</label>
<hr />
</div>
</div>
<div class="col-6"><button class="btn btn-block btn-primary" ng-disable="loading" ng-click="saveDefiningAutomations()">Save</button></div>
<div class="col-6"><button class="btn btn-block btn-second" type="button" ng-click="closeAnyModalInstance()">Close</button></div>
</div>
</div>
</script>

<script type="text/ng-template" id="confirmDeleteAutomationControl.tpl.html">
<div class="modal-body px-4 text-center" >
<h2 class="mb-3"><i class="far fa-ban text-danger"></i> Cancel the Automations</h2>

<div class="row mt-4">
<table class="table-striped colorDark w-100 mr-3 ml-3">
<thead>
<tr>
<th>Action</th>
<th>Title</th>
<th></th>
</thead>
<tbody>
<tr class="col-12" ng-repeat="automation in deletingAutomationMoveCard.card.automations_running track by $index">
<td>
<ng-if ng-if="automation.controllable_type === 'App\\Automation\\AutomationActionTaskCreate'">
Create Task
</ng-if>
<ng-if ng-if="automation.controllable_type === 'App\\Automation\\AutomationActionSendMail'">
Send Email
</ng-if>
<ng-if ng-if="automation.controllable_type === 'App\\Automation\\AutomationActionDocumentTemplate'">
Document Template
</ng-if>
<ng-if ng-if="automation.controllable_type === 'App\\Automation\\AutomationActionArchiveCard'">
Archive Card
</ng-if>
<ng-if ng-if="automation.controllable_type === 'App\\Automation\\AutomationActionMoveCard'">
Move Card
</ng-if>
<ng-if ng-if="automation.controllable_type === 'App\\Automation\\AutomationActionApplyLabel'">
Manage Labels
</ng-if>
<ng-if ng-if="automation.controllable_type === 'App\\Automation\\AutomationActionAddCardMember'">
Add Card Member
</ng-if>
<ng-if ng-if="automation.controllable_type === 'App\\Automation\\AutomationActionCheckList'">
Check List
</ng-if>
<ng-if ng-if="automation.controllable_type === 'App\\Automation\\AutomationActionLawpayNewPayment'">
Bill Creation
</ng-if>
<ng-if ng-if="automation.controllable_type === 'App\\Automation\\AutomationActionUpdateTask'">
Update Task
</ng-if>
<ng-if ng-if="automation.controllable_type === 'App\\Automation\\AutomationActionCreateEvent'">
Create Event
</ng-if>
<ng-if ng-if="automation.controllable_type === 'App\\Automation\\AutomationActionUpdateCard'">
Update Card
</ng-if>
<ng-if ng-if="automation.controllable_type === 'App\\Automation\\AutomationActionDocumentSign'">
Signed Document
</ng-if>

</td>
<td>
<ng-if ng-if="automation.controllable_type === 'App\\Automation\\AutomationActionSendMail'">
{{ automation.controllable.subject }}
</ng-if>
<ng-if ng-if="automation.controllable_type === 'App\\Automation\\AutomationActionMoveCard'">

{{ automation.controllable.board.name }} -> {{ automation.controllable.list.name }}
</ng-if>
<ng-if ng-if="automation.controllable_type === 'App\\Automation\\AutomationActionDocumentTemplate'">

{{ automation.controllable.filename }}
</ng-if>

<ng-if ng-if="automation.controllable_type === 'App\\Automation\\AutomationActionTaskCreate'">
{{ automation.controllable.name }}
</ng-if>

<ng-if ng-if="automation.controllable_type === 'App\\Automation\\AutomationActionApplyLabel'">
<ng-repeat ng-repeat="label in automation.controllable.labels">
<span class="card-color danger ng-isolate-scope" ng-style="{
'background-color':
label.color
}" style="background-color: rgb(66, 165, 245);"></span>{{ label.value }}{{!$last ? ',' : ''}}
</ng-repeat>

</ng-if>

<ng-if ng-if="automation.controllable_type === 'App\\Automation\\AutomationActionAddCardMember'">
<ng-repeat ng-repeat="user in automation.controllable.users">
{{ user.first_name }} {{ user.last_name }}
</ng-repeat>

</ng-if>

<ng-if ng-if="automation.controllable_type === 'App\\Automation\\AutomationActionCheckList'">
<ng-repeat ng-repeat="label in automation.controllable.check_list_items">
{{ label.item }}{{!$last ? ',' : ''}}
</ng-repeat>

</ng-if>

<ng-if ng-if="automation.controllable_type === 'App\\Automation\\AutomationActionLawpayNewPayment'">
{{ automation.controllable.subject }}
</ng-if>

<ng-if ng-if="automation.controllable_type === 'App\\Automation\\AutomationActionUpdateTask'">
<ng-if ng-if="automation.controllable.asset_id == 2">
{{ automation.controllable.clio_task_status.name }}
</ng-if>

<ng-if ng-if="automation.controllable.asset_id == 4">
{{ automation.controllable.task_status.name }}
</ng-if>
</ng-if>

<ng-if ng-if="automation.controllable_type === 'App\\Automation\\AutomationActionCreateEvent'">
{{ automation.controllable.summary }}
</ng-if>

<ng-if ng-if="automation.controllable_type === 'App\\Automation\\AutomationActionUpdateCard'">
<ng-if ng-if="automation.controllable.status">
{{ automation.controllable.status}}
</ng-if>
<ng-repeat ng-repeat="field in automation.controllable.fields">
{{ field.display_field }}{{!$last ? ',' : ''}}
</ng-repeat>
</ng-if>

<ng-if ng-if="automation.controllable_type === 'App\\Automation\\AutomationActionDocumentSign'">
{{ automation.controllable.document_template ? automation.controllable.document_template.name : automation.controllable.custom_field.value}}
</ng-if>

</td>
<td width="20px">
<button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmDeleteAutomationControlCallback(automation)"><i class="far fa-ban"></i></button>
</td>
</tr>
</tbody>
</table>
<div class="col-12 mt-3"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">No, keep it</button></div>
</div>
</div>
</script>

<script type="text/ng-template" id="removeAutomationTaskCreate.tpl.html">
<div class="modal-body px-4 text-center">
<h2 class="mb-3">Delete Automation</h2>
<i class="fas fa-exclamation-circle"></i>
<div class="row mt-4">
<div class="col-12">
<p>Are you sure you want to delete this automation?</p>
</div>
<div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmAutomationTaskCreateCallback()">Delete</button></div>
<div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div>
</div>
</div>
</script>

<script type="text/ng-template" id="removeAutomationSendEmail.tpl.html">
<div class="modal-body px-4 text-center">
<h2 class="mb-3">Delete Automation</h2>
<i class="fas fa-exclamation-circle"></i>
<div class="row mt-4">
<div class="col-12">
<p>Are you sure you want to delete this automation?</p>
</div>
<div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmAutomationSendEmailCallback()">Delete</button></div>
<div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div>
</div>
</div>
</script>

<script type="text/ng-template" id="removeAutomationArchiveCard.tpl.html">
<div class="modal-body px-4 text-center">
<h2 class="mb-3">Delete Automation</h2>
<i class="fas fa-exclamation-circle"></i>
<div class="row mt-4">
<div class="col-12">
<p>Are you sure you want to delete this automation?</p>
</div>
<div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmAutomationArchiveCardCallback()">Delete</button></div>
<div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div>
</div>
</div>
</script>

<script type="text/ng-template" id="removeAutomationApplyLabel.tpl.html">
<div class="modal-body px-4 text-center">
<h2 class="mb-3">Delete Automation</h2>
<i class="fas fa-exclamation-circle"></i>
<div class="row mt-4">
<div class="col-12">
<p>Are you sure you want to delete this automation?</p>
</div>
<div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmAutomationApplyLabelCallback()">Delete</button></div>
<div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div>
</div>
</div>
</script>

<script type="text/ng-template" id="removeAutomationCheckList.tpl.html">
<div class="modal-body px-4 text-center">
<h2 class="mb-3">Delete Automation</h2>
<i class="fas fa-exclamation-circle"></i>
<div class="row mt-4">
<div class="col-12">
<p>Are you sure you want to delete this automation?</p>
</div>
<div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmAutomationCheckListCallback()">Delete</button></div>
<div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div>
</div>
</div>
</script>

<script type="text/ng-template" id="removeAutomationMoveCard.tpl.html">
<div class="modal-body px-4 text-center">
<h2 class="mb-3">Delete Automation</h2>
<i class="fas fa-exclamation-circle"></i>
<div class="row mt-4">
<div class="col-12">
<p>Are you sure you want to delete this automation?</p>
</div>
<div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmAutomationMoveCardCallback()">Delete</button></div>
<div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div>
</div>
</div>
</script>

<script type="text/ng-template" id="removeAutomationClioTemplate.tpl.html">
<div class="modal-body px-4 text-center">
<h2 class="mb-3">Delete Automation</h2>
<i class="fas fa-exclamation-circle"></i>
<div class="row mt-4">
<div class="col-12">
<p>Are you sure you want to delete this automation?</p>
</div>
<div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmAutomationClioDocumentTemplateCallback()">Delete</button></div>
<div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div>
</div>
</div>
</script>

<script type="text/ng-template" id="removeAutomationLawPayNewPayment.tpl.html">
<div class="modal-body px-4 text-center">
<h2 class="mb-3">Delete Automation</h2>
<i class="fas fa-exclamation-circle"></i>
<div class="row mt-4">
<div class="col-12">
<p>Are you sure you want to delete this automation?</p>
</div>
<div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmAutomationLawPayNewPaymentCallback()">Delete</button></div>
<div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div>
</div>
</div>
</script>

<script type="text/ng-template" id="removeAutomationUpdateTasks.tpl.html">
<div class="modal-body px-4 text-center">
<h2 class="mb-3">Delete Automation</h2>
<i class="fas fa-exclamation-circle"></i>
<div class="row mt-4">
<div class="col-12">
<p>Are you sure you want to delete this automation?</p>
</div>
<div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmAutomationUpdateTasksCallback()">Delete</button></div>
<div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div>
</div>
</div>
</script>

<script type="text/ng-template" id="clioDeleteAutomation.tpl.html">
<div class="modal-body px-4 text-center">
<i class="fas fa-exclamation-circle"></i>
<div class="row mt-4">
<div class="col-12">
<p>Are you sure you want to delete this automation?</p>
</div>
<div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmDeleteClioAutomationCallback()">Delete</button></div>
<div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div>
</div>
</div>
</script>

<script type="text/ng-template" id="legalboardsDeleteAutomation.tpl.html">
<div class="modal-body px-4 text-center">
<h2 class="mb-3">Delete Automation</h2>
<i class="fas fa-exclamation-circle"></i>
<div class="row mt-4">
<div class="col-12">
<p>Are you sure you want to delete this automation?</p>
</div>
<div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmLegalboardsMigrateAutomationDeleteCallback()">Delete</button></div>
<div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div>
</div>
</div>
</script>

<script type="text/ng-template" ng-if="::$root.hasContactModule()" id="automationMigrateContactsDelete.tpl.html">
<div class="modal-body px-4 text-center">
<h2 class="mb-3">Delete Automation</h2>
<i class="fas fa-exclamation-circle"></i>
<div class="row mt-4">
<div class="col-12">
<p>Are you sure you want to delete this automation?</p>
</div>
<div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmDeleteAutomationMigrateContactsCallback()">Delete</button></div>
<div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div>
</div>
</div>
</script>
<!-- Slider form S T A R T -->

<div id="follow-up-form" class="slide-in-contaniner slide-in-form remove">
<button class="close-btn btn close-form-but" ng-click="closeFollowUpForm()">
<i class="fas fa-times"></i>
</button>

<div class="slide-form-container">
<h3 ng-show="!follow_up.id">New Activity</h3>
<h3 ng-show="follow_up.id">Edit Activity</h3>

<form
name="formFollowUp"
ng-submit="saveFollowUp(follow_up, formFollowUp)"
>
<div class="form-row mb-3">
<div class="col-12">
<label>Type</label>
<ui-select
autofocus-ui-select
ng-model="follow_up.type"
theme="select2"
close-on-selet="false"
tagging="tagginFollowUpType"
tagging-label="false"
name="type"
>
<ui-select-match
allow-clear
placeholder="Type"
>
{{ follow_up.type.name }}
</ui-select-match>
<ui-select-choices
repeat="type in follow_up_parameters | filter: $select.search"
>
{{ type.name }}
</ui-select-choices>
<ui-select-no-choice>
<p class="text-center">Type not found</p>
<div class="no-item-create">
<h2>Add New Type</h2>
<i class="fad fa-tags"></i>
<h4>Hit enter add new</h4>
</div>
</ui-select-no-choice>
</ui-select>
</div>
</div>

<div class="form-row mb-3">
<div class="col-12">
<label>Description</label>

<trix-editor
angular-trix
name="description"
ng-model="follow_up.description"
rows="50"
placeholder="Description"
ng-keyup="dirtyAngularTrix = true"
required
trix-id="5"
></trix-editor>
</div>
</div>

<div class="form-btn-container mt-3">
<button
type="submit"
class="btn btn-primary btn-block mb-3"
ng-disabled="formFollowUp.$invalid || loading"
ng-class="{ loading: loading }"
>
Post
</button>
<button
class="btn btn-outline-secondary btn-block close-form-tab"
ng-click="closeFollowUpForm(form)"
>
Cancel
</button>
</div>
</form>
</div>
</div>

<!-- Slider form E N D -->
<script type="text/ng-template" id="followUpDelete.tpl.html">
<div class="modal-body px-4 text-center">
<h2 class="mb-3">Delete</h2>
<i class="fas fa-exclamation-circle"></i>
<div class="row mt-4">
<div class="col-12">
<p>Are you sure you want to delete this followup?</p>
</div>
<div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmDeleteFollowUpCallback()">Delete</button></div>
<div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div>
</div>
</div>
</script>
<!-- slide in content S T A R T -->
<div id="view-board-templates" class="slide-in-contaniner account-modal-details remove" style="max-width: 620px">
<button type="button" class="close-btn btn" onclick="$('#view-board-templates').removeClass('show')">
<i class="fas fa-times"></i>
</button>

<div class="p-4">
<h5 class="text-bold pl-2">Boards Gallery</h5>
<div class="board-gallery-search px-2 mt-4 mb-2">
<input type="text" class="form-control" ng-model="searchBoardTemplates" placeholder="Search">
<i class="fas fa-search"></i>
</div>
</div>

<div class="row px-3 mx-0">
<!-- pra quando tiver categoria
<div class="col-12 pb-4">
<ul class="nav nav-pills board-gallery-nav">
<li class="nav-item">
<a class="nav-link active" href="#">All</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Integration</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Document</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Management</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Payment</a>
</li>
</ul>
</div>
-->

<div class="col-6" ng-repeat="board_template in board_templates | filter:searchBoardTemplates track by $index">
<div class="board-gallery-card">
<div class="board-gallery-card-body p-3">
<ng-if ng-if="board_template.user">
<div class="user-avatar user-avatar-list raio-40 mb-3 float-none"
style="background-image:url({{board_template.user ? board_template.user.avatar : ''}});">
<span ng-show="!board_template.user.avatar" class="text-bold text-uppercase color-white">{{ board_template.user.initials }}</span>
</div>
</ng-if>
<h5 class="mb-2">{{ board_template.name }}</h5>
<p class="mb-2">{{ board_template.description }}</p>
<button class="btn btn-light btn-block py-2 mt-2" ng-click="boardTemplateModalCreate(board_template)"><i class="fas fa-eye mr-2"></i> Preview</button>
<ng-if ng-if="board_template.user">
<span>created by: <strong>
{{ board_template.user.first_name }}
{{ board_template.user.last_name }}
</strong></span>
</ng-if>
</div>
<div class="board-gallery-card-footer p-3 text-center">
<button class="btn btn-primary btn-block mr-0 py-2" ng-disable="loading" ng-click="boardTemplateModalCreateCallback(board_template)"><i class="fas fa-plus mr-2"></i>Add Board Template</button>
</div>
</div>
</div>


</div>

</div>
<script type="text/ng-template" id="boardTemplateModalCreate.tpl.html">

<div class="modal-body">
<div class="container-fluid px-4">

<div class="row pt-3 pb-2">
<div class="col-10">
<ng-if ng-if="board_template.user">
<div class="user-avatar user-avatar-list raio-30 float-none"
style="background-image:url({{board_template.user ? board_template.user.avatar : ''}});">
<span ng-show="!board_template.user.avatar" class="text-bold text-uppercase color-white">{{ board_template.user.initials }}</span>
</div>
<span class="color-dark text-sm">created by:
<strong>
{{
board_template.user.first_name
}}
{{ board_template.user.last_name }}
</strong>
</span>
</ng-if>
</div>
<div class="col-2">
<button type="button" class="close" ng-click="closeAnyModalInstance()">
<span aria-hidden="true">&times;</span>
</button>

</div>
</div>

<div class="row align-items-center">
<div class="col-6 pl-lg-3">
<h4 class="text-bold">{{ board_template.name }}</h4>
<span class="color-dark">{{ board_template.description }}</span>
</div>
<div class="col-6 text-right pr-lg-3">
<button class="btn btn-primary py-2 px-3" ng-disable="loading" ng-click="boardTemplateModalCreateCallback(board_template)"><i class="fas fa-plus mr-2"></i>Add Board Template</button>
</div>
</div>

<div style="overflow-y: hidden; overflow-x: scroll;">
<div class="d-flex pt-4 pl-3" style="">
<div class="gallery-board-placeholder" ng-repeat="list in board_template.lists">
<h6>{{ list.name }}</h6>
<img ng-src="{{ list.preview_image }}" />
</div>
</div>
</div>


</div>
</div>

</script>
<script type="text/ng-template" id="removeTimesheet.tpl.html">
<div class="modal-body px-4 text-center">
<h2 class="mb-3">Delete Time Entry</h2>
<i class="fas fa-exclamation-circle"></i>
<div class="row mt-4">
<div class="col-12">
<p>Are you sure you want to delete this Time Entry?</p>
</div>
<div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="removeTimesheetCallback()">Delete</button></div>
<div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div>
</div>
</div>
</script>
<!-- Slider form S T A R T -->

<div id="form-timesheet-modal" class="slide-in-contaniner slide-in-form remove">
<button
class="close-btn btn close-form-but"
ng-click="closeTimesheetForm()"
>
<i class="fas fa-times"></i>
</button>

<div class="slide-form-container">
<h3 ng-show="!form_timesheet.id">New Time Entry</h3>
<h3 ng-show="form_timesheet.id">
Edit Time Entry
</h3>
<form
name="formTimesheet"
ng-submit="saveTimesheet(form_timesheet, formTimesheet)"
>
<div class="form-row mb-3">
<div class="col-12">
<label>Date</label>
<div class="datepicker-container">
<input
type="text"
placeholder="mm/dd/yyyy"
class="form-control datepicker"
autocomplete="off"
name="created_at"
ng-model="form_timesheet.created_at"
/>
<span class="datepicker-icon"
><i class="fas fa-caret-down"></i
></span>
</div>
</div>
</div>

<div class="form-row mb-3">
<div class="col-12">
<label>Time Spent</label>
<input
type="text"
class="form-control"
placeholder="Time Spent"
name="time_logged_in_mins"
ng-model="form_timesheet.time_logged_in_mins"
required
time-format
/>
</div>
</div>

<span
class="error"
ng-show="
formTimesheet.time_logged_in_mins.$dirty &&
formTimesheet.time_logged_in_mins.$error.required
"
>This field is required.
</span>

<div class="form-row mb-3">
<div class="col-12">
<label>Description</label>
<trix-editor
angular-trix
ng-model="form_timesheet.description"
name="description"
rows="50"
placeholder="Description"
ng-keyup="dirtyAngularTrix = true"
trix-id="6"
></trix-editor>
</div>
</div>

<div class="form-btn-container mt-3">
<button
type="submit"
class="btn btn-primary btn-block mb-3"
ng-disabled="formTimesheet.$invalid || loading"
ng-class="{ loading: loading }"
>
Save
</button>
<button
class="btn btn-outline-secondary btn-block close-form-tab"
ng-click="closeTimesheetForm(formTimesheet)"
>
Cancel
</button>
</div>
</form>
</div>
</div>

<!-- Slider form E N D -->
<!-- Slider form S T A R T -->
<div id="convert-matter-form" class="slide-in-contaniner slide-in-form remove">
<button
class="close-btn btn close-form-but"
ng-click="closeConvertToMatter()"
>
<i class="fas fa-times"></i>
</button>

<div class="slide-form-container">
<h3>Convert to Matter:</h3>
<form
name="formConvertMatter"
ng-submit="submitConvertToMatter(convert_matter, formConvertMatter)"
>

<ng-if ng-if="::hasAsset('Legalboards')">
<div class="form-row mb-3">
<p class="color-purple font-weight-bold mt-2 mb-2">
<span class="step-automation">1</span> Client Information
</p>
<div class="col-12">
<label>Client


</label>

<a
class="btn-link float-right custom-clients"
onClick="$('.custom-clients').hide(); $('.available-clients').show(); $('#available-clients').val(''); $('#custom-clients').val('');"
>
Select an existing one
</a>
<a
style="display: none;"
class="btn-link float-right available-clients"
onClick="$('.available-clients').hide(); $('.custom-clients').show(); $('#available-clients').val(''); $('#custom-clients').val('');"
>
Create a new one
</a>



<div id="available-clients" style="display: none;" class="available-clients">
<ui-select
autofocus-ui-select
ng-model="convert_matter.client"
theme="select2"
close-on-selet="false"
allow-clear
ng-change="$root.hasCustomFieldsModule() ? loadCustomFieldsToConvertCard({ type: 'matter', client_id: (convert_matter.client.id == undefined || convert_matter.client.type != 'client' ? '-1' : convert_matter.client.id), parameter_id: (convert_matter.area.type != 'area' || convert_matter.area.id == undefined ? '-1' : convert_matter.area.id) }, convert_matter) : null"
name="client_id"
ng-required="!convert_matter.client.first_name"
>
<ui-select-match allow-clear placeholder="Client">
{{ convert_matter.client.name }}
</ui-select-match>
<ui-select-choices
repeat="client in convert_matter_fields_clients | filter: $select.search"
>
{{ client.name }}
</ui-select-choices>
</ui-select>
</div>
<div id="custom-clients" class="custom-clients">
<div class="form-row mb-3">
<div class="col-12">
<label>First Name</label>
<ui-select
autofocus-ui-select
ng-model="convert_matter.client.first_name"
theme="select2"
close-on-selet="false"
tagging="taggingConvertToMatter"
tagging-label="false"
allow-clear
ng-required="!convert_matter.client.id"
ng-change="$root.hasCustomFieldsModule() ? loadCustomFieldsToConvertCard({ type: 'matter', client_id: -1, parameter_id: (convert_matter.area.type != 'area' || convert_matter.area.id == undefined ? '-1' : convert_matter.area.id) }, convert_matter) : null"
>
<ui-select-match
allow-clear
placeholder="First Name"
>
{{ convert_matter.client.first_name.name }}
</ui-select-match>
<ui-select-choices
repeat="field in convert_matter_fields | filter: $select.search"
>
{{ field.name }}
</ui-select-choices>
<ui-select-no-choice>
please type the first name and hit enter.
</ui-select-no-choice>
</ui-select>
</div>
</div>

<div class="form-row mb-3">
<div class="col-12">
<label>Last Name</label>
<ui-select
autofocus-ui-select
ng-model="convert_matter.client.last_name"
theme="select2"
close-on-selet="false"
tagging="taggingConvertToMatter"
tagging-label="false"
allow-clear
ng-required=""
>
<ui-select-match
allow-clear
placeholder="Last Name"
>
{{ convert_matter.client.last_name.name }}
</ui-select-match>
<ui-select-choices
repeat="field in convert_matter_fields | filter: $select.search"
>
{{ field.name }}
</ui-select-choices>
<ui-select-no-choice>
please type the last name and hit enter.
</ui-select-no-choice>
</ui-select>
</div>
</div>

<div class="form-row mb-3">
<div class="col-12">
<label>Email</label>
<ui-select
autofocus-ui-select
ng-model="convert_matter.client.email"
theme="select2"
close-on-selet="false"
tagging="taggingConvertToMatter"
tagging-label="false"
allow-clear
ng-required=""
>
<ui-select-match
allow-clear
placeholder="Email"
>
{{ convert_matter.client.email.name }}
</ui-select-match>
<ui-select-choices
repeat="field in convert_matter_fields | filter: $select.search"
>
{{ field.name }}
</ui-select-choices>
<ui-select-no-choice>
please type the email and hit enter.
</ui-select-no-choice>
</ui-select>
</div>
</div>
</div>
</div>
</div>

<span
class="error"
ng-show="
formNewCase.client_id.$dirty && formNewCase.client_id.$error.required
"
>This field is required.
</span>

<p class="color-purple font-weight-bold mt-2 mb-2">
<span class="step-automation">2</span> Matter Information
</p>
<div class="form-row mb-3">
<div class="col-12">
<label>Practice Area</label>
<ui-select
autofocus-ui-select
ng-model="convert_matter.area"
theme="select2"
close-on-selet="false"
tagging="taggingConvertToMatter"
tagging-label="false"
ng-required="true"
name="area_id"
ng-change="$root.hasCustomFieldsModule() ? loadCustomFieldsToConvertCard({ type: 'matter', client_id: (convert_matter.client.id == undefined || convert_matter.client.type != 'client' ? '-1' : convert_matter.client.id), parameter_id: (convert_matter.area.type != 'area' || convert_matter.area.id == undefined ? '-1' : convert_matter.area.id) }, convert_matter) : null"
>
<ui-select-match
allow-clear
placeholder="Practice Area"
>
{{ convert_matter.area.name }}
</ui-select-match>
<ui-select-choices
repeat="area in convert_matter_fields_areas | filter: $select.search"
>
{{ area.name }}
</ui-select-choices>
<ui-select-no-choice>
If you can&#039;t find what you want, you can create a new here, just hit enter!
</ui-select-no-choice>
</ui-select>
</div>
</div>

<span
class="error"
ng-show="formNewCase.area_id.$dirty && formNewCase.area_id.$error.required"
>This field is required.
</span>

<div class="form-row mb-3">
<div class="col-12">
<label>Number/Title</label>
<ui-select
autofocus-ui-select
ng-model="convert_matter.number"
theme="select2"
close-on-selet="false"
tagging="taggingConvertToMatter"
tagging-label="false"
ng-required="true"
name="number"
multiple
class="multipleFind"
>
<ui-select-match allow-clear placeholder="Number/Title">
{{ $item.name }}
</ui-select-match>
<ui-select-choices
repeat="option in convert_matter_fields | filter: $select.search"
>
{{ option.name }}
</ui-select-choices>
</ui-select>
</div>
</div>

<span
class="error"
ng-show="formNewCase.number.$dirty && formNewCase.number.$error.required"
>This field is required.
</span>

<div class="form-row mb-3">
<div class="col-12">
<label>Opening</label>
<div class="datepicker-container">
<input
type="text"
placeholder="mm/dd/yyyy"
class="form-control datepicker"
autocomplete="off"
name="opening_at"
ng-model="convert_matter.opening_at"
required
/>
<span class="datepicker-icon"
><i class="fas fa-caret-down"></i
></span>
</div>
</div>
</div>

<span
class="error"
ng-show="
formNewCase.opening_at.$dirty && formNewCase.opening_at.$error.required
"
>This field is required.
</span>

<div class="form-row mb-3">
<div class="col-12">
<label>Limiting</label>
<div class="datepicker-container">
<input
type="text"
placeholder="mm/dd/yyyy"
class="form-control datepicker"
autocomplete="off"
name="limiting_at"
ng-model="convert_matter.limiting_at"
/>
<span class="datepicker-icon"
><i class="fas fa-caret-down"></i
></span>
</div>
</div>
</div>

<div class="form-row mb-3">
<div class="col-12">
<label>Description</label>
<a
class=" btn-link float-right select-description"
onClick="$('.textarea-description').show(); $('.select-description').hide(); $('#textarea-description').val(''); $('#select-description').val('');"
>
Custom
</a>
<a
style="display: none;"
class="btn-link float-right textarea-description"
onClick="$('.textarea-description').hide(); $('.select-description').show(); $('#textarea-description').val(''); $('#select-description').val('');"
>
Dynamic
</a>
<textarea
id="textarea-description"
class="form-control textarea-description"
placeholder="Description"
name="description"
ng-model="convert_matter.description"
style="display: none;"
ng-required="!convert_matter.description_option"
></textarea>

<ui-select
autofocus-ui-select
id="select-description"
theme="select2"
ng-model="convert_matter.description_option"
ng-required="!convert_matter.description"
tagging="taggingConvertToMatter"
tagging-label="false"
multiple
class="multipleFind select-description"
>
<ui-select-match placeholder="{{ custom_field.value }}">
{{ $item.name }}
</ui-select-match>
<ui-select-choices
repeat="description_option in convert_matter_fields track by $index"
>
{{ description_option.name }}
</ui-select-choices>
</ui-select>
</div>
</div>

<div class="form-row mb-3">
<div class="col-12">
<label>Status</label>
<select
class="select-dropdown"
name="status"
ng-model="convert_matter.status"
required
>
<option
ng-repeat="status in convert_matter_fields_status track by $index"
value="{{ status.key }}"
>
{{ status.text }}
</option>
</select>
</div>
</div>

<span
class="error"
ng-show="formNewCase.status.$dirty && formNewCase.status.$error.required"
>This field is required.
</span>

<ng-if
ng-if="$root.hasCustomFieldsModule() && convert_matter.custom_fields.length > 0"
>
<h3>Custom Fields</h3>

<div
ng-repeat="custom_field in convert_matter.custom_fields track by custom_field.id"
class="mt-3"
>
<label>
{{ custom_field.value }}
<ng-show ng-show="custom_field.required">
(*)
</ng-show>
</label>

<ng-if ng-if="custom_field.field_type.name === 'select'">
<ui-select
autofocus-ui-select
ng-model="custom_field.answer.option"
theme="select2"
ng-required="!!custom_field.required"
tagging="taggingConvertToMatter"
tagging-label="false"
>
<ui-select-match placeholder="{{ custom_field.value }}">
{{ custom_field.answer.option.name }}
</ui-select-match>
<ui-select-choices repeat="option in custom_field.options">
{{ option.name }}
</ui-select-choices>
</ui-select>
</ng-if>

<ng-if ng-if="custom_field.field_type.name !== 'select'">
<ui-select
autofocus-ui-select
theme="select2"
tagging="taggingConvertToMatter"
tagging-label="false"
ng-model="custom_field.answer"
ng-required="!!custom_field.required"
>
<ui-select-match allow-clear>
{{ custom_field.answer.name }}
</ui-select-match>
<ui-select-choices
repeat="field in convert_matter_fields | filter: $select.search"
>
{{ field.name }}
</ui-select-choices>
</ui-select>
</ng-if>
</div>
</ng-if>

<ng-if
ng-if="
$root.hasCustomFieldsModule() &&
convert_matter.custom_fields.length == 0 &&
$root.isAccountOwner()
"
>
<small>
<i class="fas fa-lightbulb color-purple"></i>
How about creating more fields for you?
<a
href=""
onclick="$('#collapse-menu').removeClass('menu-expand'); $('#config-profile').toggleClass('show'); $('#custom-fields').addClass('show'); $('#new-case-modal').removeClass('show')"
>Click here and find how</a
>
</small>
</ng-if>
</ng-if>

<ng-if ng-if="::hasAsset('Clio')">
<div class="form-row mb-3">
<p class="color-purple font-weight-bold mb-2 mt-2">
<span class="step-automation">1</span> Client Information
</p>
<div class="col-12">
<label>Client </label>


<a
class="btn-link float-right custom-clients"
onClick="$('.custom-clients').hide(); $('.available-clients').show(); $('#available-clients').val(''); $('#custom-clients').val('');"
>
Select an existing one
</a>
<a
style="display: none;"
class="btn-link float-right available-clients"
onClick="$('.available-clients').hide(); $('.custom-clients').show(); $('#available-clients').val(''); $('#custom-clients').val('');"
>
Create a new one
</a>



<div id="available-clients" class="available-clients" style="display: none;">
<ui-select
autofocus-ui-select
ng-model="convert_matter.client"
theme="select2"
close-on-selet="false"
allow-clear
>
<ui-select-match allow-clear placeholder="Client">
{{ convert_matter.client.name }}
</ui-select-match>
<ui-select-choices
repeat="client in convert_matter_fields_clients | filter: $select.search"
>
{{ client.name }}
</ui-select-choices>
<ui-select-no-choice>
No clients found, please type the client name and hit enter to create a new one.
</ui-select-no-choice>
</ui-select>
</div>
<div id="custom-clients" class="custom-clients">
<div class="form-row mb-3">
<div class="col-12">
<label>First Name</label>
<ui-select
autofocus-ui-select
ng-model="convert_matter.client.first_name"
theme="select2"
close-on-selet="false"
tagging="taggingConvertToMatter"
tagging-label="false"
allow-clear
ng-required=""
>
<ui-select-match
allow-clear
placeholder="First Name"
>
{{ convert_matter.client.first_name.name }}
</ui-select-match>
<ui-select-choices
repeat="field in convert_matter_fields | filter: $select.search"
>
{{ field.name }}
</ui-select-choices>
<ui-select-no-choice>
please type the first name and hit enter.
</ui-select-no-choice>
</ui-select>
</div>
</div>

<div class="form-row mb-3">
<div class="col-12">
<label>Last Name</label>
<ui-select
autofocus-ui-select
ng-model="convert_matter.client.last_name"
theme="select2"
close-on-selet="false"
tagging="taggingConvertToMatter"
tagging-label="false"
allow-clear
ng-required=""
>
<ui-select-match
allow-clear
placeholder="Last Name"
>
{{ convert_matter.client.last_name.name }}
</ui-select-match>
<ui-select-choices
repeat="field in convert_matter_fields | filter: $select.search"
>
{{ field.name }}
</ui-select-choices>
<ui-select-no-choice>
please type the last name and hit enter.
</ui-select-no-choice>
</ui-select>
</div>
</div>

<div class="form-row mb-3">
<div class="col-12">
<label>Email</label>
<ui-select
autofocus-ui-select
ng-model="convert_matter.client.primary_email_address"
theme="select2"
close-on-selet="false"
tagging="taggingConvertToMatter"
tagging-label="false"
allow-clear
ng-required=""
>
<ui-select-match
allow-clear
placeholder="Email"
>
{{
convert_matter.client.primary_email_address.name
}}
</ui-select-match>
<ui-select-choices
repeat="field in convert_matter_fields | filter: $select.search"
>
{{ field.name }}
</ui-select-choices>
<ui-select-no-choice>
please type the email and hit enter.
</ui-select-no-choice>
</ui-select>
</div>
</div>
</div>
</div>
</div>

<span
class="error"
ng-show="
formNewCase.client_id.$dirty && formNewCase.client_id.$error.required
"
>This field is required.
</span>

<p class="color-purple font-weight-bold mt-2 mb-2">
<span class="step-automation">2</span>Matter Information
</p>

<div class="form-row mb-3">
<div class="col-12">
<label>Practice Area</label>
<ui-select
autofocus-ui-select
ng-model="convert_matter.area"
theme="select2"
close-on-selet="false"
tagging="taggingConvertToMatter"
tagging-label="false"
allow-clear
>
<ui-select-match allow-clear placeholder="Area">
{{ convert_matter.area.name }}
</ui-select-match>
<ui-select-choices
repeat="area in convert_matter_fields_areas | filter: $select.search"
>
{{ area.name }}
</ui-select-choices>
<ui-select-no-choice>
No area found, please type the area name and hit enter to create a new one.
</ui-select-no-choice>
</ui-select>
</div>
</div>

<div class="form-row mb-3">
<div class="col-12">
<label>Description (*)</label>
<a
class=" btn-link float-right select-description"
onClick="$('.textarea-description').show(); $('.select-description').hide(); $('#textarea-description').val(''); $('#select-description').val('');"
>
Custom
</a>
<a
style="display: none;"
class=" btn-link float-right textarea-description"
onClick="$('.textarea-description').hide(); $('.select-description').show(); $('#textarea-description').val(''); $('#select-description').val('');"
>
Dynamic
</a>

<textarea
id="textarea-description"
class="form-control textarea-description"
placeholder="Description'"
name="description"
ng-model="convert_matter.description"
style="display: none;"
ng-required="!convert_matter.description_option"
></textarea>

<ui-select
autofocus-ui-select
id="select-description"
ng-model="convert_matter.description_option"
theme="select2"
close-on-selet="false"
allow-clear
ng-required="!convert_matter.description"
tagging="taggingConvertToMatter"
tagging-label="false"
multiple
class="multipleFind select-description"
>
<ui-select-match allow-clear placeholder="Select a note field">
{{ $item.name }}
</ui-select-match>
<ui-select-choices
repeat="field in convert_matter_fields | filter: $select.search"
>
{{ field.name }}
</ui-select-choices>
</ui-select>
</div>
</div>

<span
class="error"
ng-show="
formNewCase.description.$dirty &&
formNewCase.description.$error.required
"
>This field is required.
</span>

<h3>Related Contacts</h3>
<div class="form-row mb-3" ng-repeat="relationship in convert_matter.relationships">
<div class="col-6">
<label>Contact</label>
<ui-select
autofocus-ui-select
ng-model="relationship.contact"
theme="select2"
close-on-selet="false"
placeholder="What's the contact's name?"
>
<ui-select-match
allow-clear
placeholder="Contact"
>
{{ relationship.contact.name }}
</ui-select-match>
<ui-select-choices
allow-clear
refresh="clioSearchContacts($select, {})"
refresh-delay="500"
repeat="contact in clio_search_contacts | filter:$select.search track by contact.id"
>
{{ contact.name }}
</ui-select-choices>
</ui-select>
</div>
<div class="col-5">
<label>Relationship</label>
<input
type="text"
class="form-control"
ng-model="relationship.description"
placeholder="Relationship"
ng-keypress="
$event.keyCode === 13 &&
addRelationship(convert_matter.relationships, $event)
"
/>
</div>
<div class="col-1 d-flex align-items-end">
<button
class="btn btn-link form-control p-0"
ng-click="convert_matter.relationships.splice($index, 1)"
>
<i class="fas fa-trash"></i>
</button>
</div>
</div>

<div class="form-row">
<div class="col-12">
<button
class="btn btn-block"
ng-click="addRelationship(convert_matter.relationships)"
>
<i class="fas fa-plus"></i> Add Related Contact
</button>
</div>
</div>

<h3>Clio Custom Fields</h3>
<div
class="form-row mb-3"
ng-repeat="custom_field in convert_matter.clio_custom_fields track by custom_field.id"
>
<div class="col-12">
<label>
{{ custom_field.name }}
<ng-if ng-if="custom_field.required">(*)</ng-if>
</label>
<ng-if ng-if="custom_field.field_type === 'picklist'">
<ui-select
autofocus-ui-select
ng-model="custom_field.answer"
theme="select2"
close-on-selet="false"
tagging="taggingConvertToMatter"
tagging-label="false"
ng-required="custom_field.required"
>
<ui-select-match
placeholder="{{ custom_field.name }}"
>
{{ custom_field.answer.name }}
</ui-select-match>
<ui-select-choices
repeat="field in custom_field.picklist_options | filter: $select.search"
>
{{ field.name }}
</ui-select-choices>
</ui-select>
</ng-if>
<ng-if ng-if="custom_field.field_type === 'checkbox'">
<select
class="form-control"
ng-model="custom_field.answer.name"
>
<option value="" disabled selected>{{ custom_field.name }}</option>
<option value="true">Yes</option>
<option value="false">No</option>
</select>
</ng-if>
<ng-if ng-if="custom_field.field_type === 'contact'">
<ui-select
autofocus-ui-select
ng-model="custom_field.answer"
theme="select2"
close-on-selet="false"
ng-required="custom_field.required"
>
<ui-select-match
placeholder="{{ custom_field.name }}"
>
{{ custom_field.answer.name }}
</ui-select-match>
<ui-select-choices
allow-clear
refresh="clioSearchContacts($select, {})"
refresh-delay="500"
repeat="contact in clio_search_contacts | filter:$select.search track by contact.id"
>
{{ contact.name }}
</ui-select-choices>
</ui-select>
</ng-if>
<ng-if
ng-if="['picklist', 'checkbox', 'contact'].indexOf(custom_field.field_type) === -1"
>
<ui-select
autofocus-ui-select
ng-model="custom_field.answer"
theme="select2"
close-on-selet="false"
tagging="taggingConvertToMatter"
tagging-label="false"
ng-required="custom_field.required"
>
<ui-select-match
placeholder="{{ custom_field.name }}"
>
{{ custom_field.answer.name }}
</ui-select-match>
<ui-select-choices
repeat="field in convert_matter_fields | filter: $select.search"
>
{{ field.name }}
</ui-select-choices>
</ui-select>
</ng-if>
</div>
</div>
</ng-if>
<p class="color-purple font-weight-bold mt-3 mb-2">
<span class="step-automation">3</span> Setup your new matter card...
</p>


<div class="form-row mb-2">
<div class="col-12 mt-2">
<div class="pl-0 col-12 float-left"><label> Where:</label></div>
<div class="pl-0 col-6 float-left">
<label class="" for="matter-move-card-is_same_board-1">
<input
type="radio"
name="is_same_board"
id="matter-move-card-is_same_board-1"
ng-value="1"
ng-model="convert_matter.is_same_board"
ng-click="convert_matter.board = activeBoard; convert_matter.is_same_board = 1; convertToMatterLoadLists(convert_matter.board.id)"
/>
This board
</label>
</div>
<div class="pl-0 col-6 float-left">
<label class="" for="matter-move-card-is_same_board-0">
<input
type="radio"
name="is_same_board"
id="matter-move-card-is_same_board-0"
ng-value="0"
ng-model="convert_matter.is_same_board"
ng-click="convert_matter.board = convert_to_matter_boards[0]; convert_matter.is_same_board = 0; convertToMatterLoadLists(convert_matter.board.id)"
ng-disabled="convert_to_matter_boards.length == 0"
/>
Another board
</label>
</div>
</div>
</div>

<div
class="form-row mb-3"
ng-if="
convert_matter.is_same_board == 0 &&
convert_to_matter_boards.length > 0
"
>
<div class="col-12">
<label>Board</label>
<ui-select
autofocus-ui-select
ng-model="convert_matter.board"
theme="select2"
ng-required="convert_matter.is_same_board == 0"
name="board"
ng-change="convertToMatterLoadLists(convert_matter.board.id)"
>
<ui-select-match
allow-clear
placeholder="Board"
>
{{ convert_matter.board.name }}
</ui-select-match>
<ui-select-choices
repeat="board in convert_to_matter_boards | filter:$select.search track by $index"
>
{{ board.name }}
</ui-select-choices>
</ui-select>
</div>
</div>

<span
class="error"
ng-show="
formAutomation.board.$dirty &&
formAutomation.board.$error.required
"
>
This field is required.
</span>

<div class="form-row mb-3">
<div class="col-12">
<label>List</label>
<ui-select
autofocus-ui-select
ng-model="convert_matter.list"
theme="select2"
ng-required="true"
name="actionMoveList"
>
<ui-select-match
allow-clear
placeholder="List"
>
{{ convert_matter.list.name }}
</ui-select-match>
<ui-select-choices
repeat="list in convert_to_matter_lists | filter:$select.search track by $index"
>
{{ list.name }}
</ui-select-choices>
</ui-select>
</div>
</div>

<span
class="error"
ng-show="
formAutomation.actionMoveList.$dirty &&
formAutomation.actionMoveList.$error.required
"
>
This field is required.
</span>

<div class="form-row mb-3">
<div class="col-12 mt-2">
<div class="pl-0 col-12 float-left">
<label
class=""
for="matter-move-card-archive_original_card-1"
>
<input
type="checkbox"
name="archive_original_card"
id="matter-move-card-archive_original_card-1"
ng-value="1"
ng-model="convert_matter.archive_original_card"
/>
Archive Original Note Card
</label>
</div>
</div>
</div>

<ng-show ng-show="labels.length > 0" ng-cloak>
<div class="form-row mb-2 mt-4">
<div class="col-12">
<label>Label</label>
<h4
id="dDrop"
data-toggle="dropdown"
aria-haspopup="true"
aria-expanded="false"
ng-cloak
class="subtitles-dropdown"
>
<span
ng-style="{ 'background-color': '#f1f4f9' }"
ng-show="!convert_matter.label"
></span>
<span
ng-style="{
'background-color':
convert_matter.label.color
}"
ng-show="convert_matter.label"
></span>
<ng-show ng-show="convert_matter.label"
>{{ convert_matter.label.value }}</ng-show
>
<ng-show ng-show="!convert_matter.label">Select</ng-show>

<i class="fal fa-chevron-down"></i>
</h4>
<div
class="subtitles-dropdown dropdown-menu"
aria-labelledby="dDrop"
>
<h4
class="subtitles-dropdown subtitles-item"
ng-repeat="label in labels track by label.id"
ng-click="convert_matter.label = label;"
>
<span
ng-style="{
'background-color': label.color
}"
></span>
{{ label.value }}
</h4>
</div>
</div>
</div>
</ng-show>

<div class="form-btn-container mt-3">
<button
type="submit"
class="btn btn-primary btn-block mb-3"
ng-disabled="formConvertMatter.$invalid || loading"
ng-class="{ loading: loading }"
>
Save
</button>
<button
class="btn btn-outline-secondary btn-block close-form-tab"
ng-click="closeConvertToMatter(form)"
type="button"
>
Cancel
</button>
</div>
</form>
</div>
</div>

<!-- Slider form E N D -->
<!-- slide in content S T A R T -->
<div id="board-filter" class="slide-in-contaniner filters-slide remove">
<button type="button" class="close-btn btn" ng-click="closeFilters()">
<i class="fas fa-times"></i>
</button>

<!-- slider menu S T A R T -->
<div class="slide-in-menu">
<h6 class="px-3 pt-4"> Saved Filters</h6>
<ng-if ng-if="savedFilters.length > 0">
<ul ng-repeat="filter in savedFilters" class="nav flex-column filter-nav px-3 mt-3">
<li class="mb-0 mt-0 border-botton">
{{filter.name}}
<i class="fas fa-trash" title="Delete this Filter" data-toggle="modal"
data-target="#deleteCustomFilter" ng-click="setCustomFilterId(filter.id)"></i>
<i class="fas fa-eye mr-3" title="Filter Now"
ng-click="openCustomFilterId(filter.id)"></i>
</li>
</ul>
</ng-if>
<ng-if ng-if="savedFilters.length == 0">
<ul class="nav flex-column filter-nav px-3 mt-3">
<li>No saved filters</li>
</ul>
</ng-if>
<div class="col-md-12 mt-4">
<button class="btn btn-block btn-outline-light bg-purple" style="font-weight: 400 !important;" ng-click="clearFilter()">Clear All
Filters</button>
</div>
</div>
<!-- slider menu E N D -->

<!-- Custom Filter CLIO/CORE -->

<section class="py-md-4 slide-in-content">
<h3 class="text-bold mb-4">Advanced Filter</h3>
<form>
<div class="form-group row">
<div class="pl-3 col-12 float-left">
<label class="check-container" for="custom-filter-checkbox-show-archive">
Search Archive Cards
<input id="custom-filter-checkbox-show-archive" type="checkbox"
ng-model="checkboxCardArchive.value" ng-true-value="1" ng-false-value="0"
ng-checked="checkboxCardArchive.value == 1" class="form-check-input" />
<span class="checkmark" style="top: 3px"></span>
</label>
</div>

</div>

<div class="form-group mb-4 position-relative">
<ion-labe>Keywords</ion-labe>
<input class="form-control" id="input-keywords" type="text" ng-model="keywords2.key" name="key">
<i class="fas fa-search colorLight position-absolute" style="right:15px;top:40px;"></i>
</div>

<div class="form-group mb-4 position-relative">
<ion-label>Cards Members</ion-label>
<ui-select autofocus-ui-select ng-model="assigneeCustomFilter.assignee" theme="select2" required name="assignee"
on-close="true" ng-change="addAssigneeList()">
<ui-select-match allow-clear placeholder="Select Cards Members">
{{ assigneeCustomFilter.assignee.first_name }} {{ assigneeCustomFilter.assignee.last_name }}
</ui-select-match>
<ui-select-choices ui-disable-choice="checkDisable('assignee')"
repeat="user in search_custom_filter_users2 | filter:$select.search track by user.id">
{{ user.first_name }} {{ user.last_name }}
</ui-select-choices>
</ui-select>
</div>

<!-- assignees List -->
<div class="form-group mb-4 pb-1 position-relative">
<table class="table">
<tbody>
<div style="overflow: auto;max-height:calc(100vh - 160px);margin-top: 10px;">
<tr class="border-bottom" ng-repeat="skill in assigneesList">
<td class="py-2">
<div class="my-1 user-avatar user-avatar-list raio-40"
ng-class="::$root.getRandomAvatarBackground($index)"
style="background-image:url();">
<span class="ng-binding" ng-show="::!member.user.avatar" aria-hidden="false">
{{skill.initials}}
</span>
</div>
</td>
<td class="color-dark">
<span class="d-block text-bold">{{skill.first_name}} {{ skill.last_name }}</span>
<span class="d-block text-sm">{{skill.type}}</span>
</td>
<td>{{skill.email}}</td>
<td></td>
<td class="text-right"><span class="fa fa-times clear-button"
ng-click="deleteAssigneeList($index)"></span></td>
</tr>
<tr ng-if="assigneesList.length === 0">
<td colspan="5">
<div class="w-100 color-purple text-center px-3">All Members</div>
</td>
</tr>
</div>
</tbody>
</table>
</div>

<div class="form-group mb-4 position-relative" ng-if="$root.hasAsset('Legalboards')">
<ion-label>Responsible Attorney</ion-label>
<ui-select
autofocus-ui-select
ng-model="responsibleAttorneyCustomFilter.user"
theme="select2"
name="responsibleAttorneyCustomFilter"
on-close="true"
ng-change="addResponsibleAttorneyList()"
>
<ui-select-match allow-clear placeholder="Select Responsible Attorney">
{{ responsibleAttorneyCustomFilter.user.first_name }} {{ responsibleAttorneyCustomFilter.user.last_name }}
</ui-select-match>

<ui-select-choices repeat="user in search_custom_filter_users2 | filter:$select.search track by user.id">
{{ user.first_name }} {{ user.last_name }}
</ui-select-choices>
</ui-select>
</div>


<div class="form-group mb-4 position-relative" ng-if="$root.hasAsset('Clio')">
<ion-label>Responsible Attorney</ion-label>
<ui-select
autofocus-ui-select
ng-model="responsibleAttorneyCustomFilter.user"
theme="select2"
name="responsibleAttorneyCustomFilter"
on-close="true"
ng-change="addResponsibleAttorneyList()"
>
<ui-select-match allow-clear placeholder="Select Responsible Attorney">
{{ responsibleAttorneyCustomFilter.user.first_name }} {{ responsibleAttorneyCustomFilter.user.last_name }}
</ui-select-match>
<ui-select-choices repeat="user in clio_users | filter:$select.search track by user.id">
{{ user.first_name }} {{ user.last_name }}
</ui-select-choices>
</ui-select>
</div>

<!-- assignees List -->
<div class="form-group mb-4 pb-1 position-relative">
<table class="table">
<tbody>
<div style="overflow: auto;max-height:calc(100vh - 160px);margin-top: 10px;">
<tr class="border-bottom" ng-repeat="skill in customFieldResponsibleAttorneysList">
<td class="py-2">
<div class="my-1 user-avatar user-avatar-list raio-40"
ng-class="::$root.getRandomAvatarBackground($index)">
<span class="ng-binding" aria-hidden="false">
{{skill.initials}}
</span>
</div>
</td>
<td class="color-dark">
<span class="d-block text-bold">{{skill.first_name}} {{ skill.last_name }}</span>
</td>
<td>{{skill.email}}</td>
<td></td>
<td class="text-right"><span class="fa fa-times clear-button"
ng-click="deleteResponsibleAttorneyList($index)"></span></td>
</tr>
<tr ng-if="customFieldResponsibleAttorneysList.length === 0">
<td colspan="5">
<div class="w-100 color-purple text-center px-3">All Users</div>
</td>
</tr>
</div>
</tbody>
</table>
</div>

<div class="form-group mb-4 position-relative">
<ion-label>Labels</ion-label>

<ui-select autofocus-ui-select ng-model="labelCustomFilter.label" theme="select2" required name="label" on-close="true"
ng-change="addLabelList()">
<ui-select-match allow-clear placeholder="Select Status">
{{ labelCustomFilter.label.value }}
</ui-select-match>
<ui-select-choices ui-disable-choice="checkDisable('label')"
repeat="label in labels | filter:$select.search track by label.id">
{{ label.value }}
</ui-select-choices>
</ui-select>

</div>

<!-- labels List -->
<div class="form-group mb-4 pb-1 position-relative">
<table class="table">
<tbody>
<div style="overflow: auto;max-height:calc(100vh - 160px);margin-top: 10px;">
<tr class="border-bottom" ng-repeat="skill in labelsList track by $index">
<td class="py-2">
<div class="mr-1 mb-2">
<span class="card-color danger ng-isolate-scope"
ng-style="{'background-color':skill.color}"></span>
</div>
</td>
<td class="color-dark">
<span class="d-block text-bold">{{skill.label || skill.value}}</span>
<!-- <span class="d-block text-sm">{{skill.status}}</span> -->
</td>
<td>{{skill.status}}</td>
<td></td>
<td class="text-right"><span class="fa fa-times clear-button"
ng-click="deleteLabelList($index)"></span></td>
</tr>
<tr ng-if="showAllLabels">
<td colspan="5">
<div class="w-100 color-purple text-center px-3">All Labels</div>
</td>
</tr>
</div>
</tbody>
</table>
</div>


<div class="form-group row">
<div class="col-md-6">
<button type="button" class="btn btn-block btn-primary" ng-click="customFilter()">Filter Now</button>
</div>
<div class="col-md-6">
<button class="btn btn-block btn-outline-dark" data-toggle="modal" data-target="#saveFilter">Save this Filter</button>
</div>
</div>
</form>
</section>

<!-- Custom Filter CLIO/CORE E N D -->

</div>


<!-- Modal -->
<div class="modal fade" id="saveFilter" tabindex="-1" aria-labelledby="saveFilter" aria-hidden="true">
<div class="modal-dialog" style="max-width:450px;">
<div class="modal-content">

<div class="modal-body px-4 text-center my-2">
<h2 class="mb-3">Create Filter</h2>
<i class="fas fa-save color-purple h1"></i>
<div class="row mt-4">
<div class="col-12">
<p>Choose a name for your filter</p>
</div>
<div class="col-12">
<form method="post" class="form-row" name="customFilterForm">
<div class="col-12 p-2 mb-3">
<input type="text" ng-model="filterName" class="form-control"
placeholder="example: legalboards admin..." required />
</div>
<div class="col-12 text-right"><button class="btn-block btn-primary px-4" type="button"
data-dismiss="modal" ng-click="saveCustomFilter()"
ng-disabled="customFilterForm.$invalid">Save</button>
</div>
<div class="col-12 text-left"><button class="btn-block btn btn-outline color-dark"
data-dismiss="modal">Cancel</button></div>
</form>
</div>
</div>
</div>

</div>
</div>
</div>

<!-- Modal delete filter-->
<div class="modal fade" id="deleteCustomFilter" tabindex="-1" aria-labelledby="deleteCustomFilter" aria-hidden="true">
<div class="modal-dialog" style="max-width:450px;">
<div class="modal-content">

<div class="modal-body px-4 text-center my-2">

<h2 class="mb-3">Delete Filter</h2>
<i class="fas fa-exclamation-circle"></i>
<div class="row mt-4">
<div class="col-12">
<p>Do you want to delete this filter from the board?</p>
</div>
<div class="col-12">
<form method="post" class="form-row">
<div class="col-6 text-right"><button class="btn btn-block btn-danger" type="button"
data-dismiss="modal" ng-click="DeleteCustomFilter()">Delete</button></div>
<div class="col-6 text-left"><button class="btn btn-block btn-warning"
data-dismiss="modal">Cancel</button></div>
</form>
</div>
</div>



</div>

</div>
</div>
</div>
<script type="text/ng-template" id="removeChecklist.tpl.html">
<div class="modal-body px-4 text-center" >
<h2 class="mb-3">Remove Checklist Group</h2>
<i class="fas fa-exclamation-circle"></i>
<div class="row mt-4">
<div class="col-12">
<p>When removing a checklist group, all items in that checklist will be removed together. Are you sure you want to do this?</p>
</div>
<div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmDeleteCheckList()">Delete</button></div>
<div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div>
</div>
</div>
</script>
<!-- slide in content S T A R T -->
<div id="history-board" class="slide-in-contaniner account-modal-details remove">
<button type="button" class="close-btn btn" ng-click="closeHistoryBoard()">
<i class="fas fa-times"></i>
</button>

<!-- slider menu S T A R T -->
<!-- <div class="slide-in-menu">
<h6 class="px-3 pt-4">Cards</h6>
</div> -->
<!-- slider menu E N D -->

<section class="py-md-4 slide-in-content" style="width: 100% !important;">

<div class="pb-3 scope-container scroll_height_board_history" when-scrolled="loadMoreHistoryBoard()">
<h3 class="text-bold mb-4">History Boards</h3>
<div style="margin-bottom: 30px;">
<h4 class="mt-3">Card Details:</h4>
<div class="mt-3" ng-show="viewCard.timesheets.length != 0">
<div class="search mt-2">
<input type="text" class="form-control"
ng-model="searchBoardHistory.key"
ng-change="loadMoreHistoryBoardSearch()"
ng-model-options='{ debounce: 500 }'
placeholder="Search Follow Ups"
style="width: 97%; margin-left: 10px; margin-right: 10px;"
/>
<span class="search-icon" style="right: 40px !important;"><i class="fas fa-search"></i></span>
</div>
</div>
<table class="mt-3 table-striped pb-3 colorDark" style="width: 97%; margin-left: 10px; margin-right: 10px;">
<thead class="light">
<tr style="line-height: 35px;">
<th scope="col" class="pl-2 py-0" style="width: 25%;">Title/Subtitle</th>
<th scope="col" class="pl-2 py-0" style="width: 5%;">User</th>
<th scope="col" class="pl-2 py-0" style="width: 50%;">Action</th>
<th scope="col" class="pl-1 py-0" style="width: 13%;">Created At</th>
<th scope="col" style="width: 7%;"></th>
</tr>
</thead>
<tbody>
<tr ng-repeat="followUp in viewHistoryBoard">
<td class="pl-2 raio-history-board mr-2 ng-isolate-scope bg-0" style="width: 25%;">
{{ followUp.card_title }} / {{ followUp.subtitle }}
</td>
<td class="pl-2 raio-history-board mr-2 ng-isolate-scope bg-0" style="width: 5%;">
<div
ng-if="followUp.user_id"
class="user-avatar user-avatar-list raio-40 mr-2"
ng-class="::$root.getRandomAvatarBackground($index)"
title="{{ followUp.user_first_name }} {{
followUp.user_last_name
}}"
ng-style="{'background-image': 'url(' + followUp.user_avatar + ')'}"
>
<span ng-if="!followUp.user_avatar">
{{ followUp.user_initials }}
</span>
</div>

<div
ng-if="!followUp.user_id && !followUp.asset"
class="user-avatar user-avatar-list raio-40 mr-2 bg-purple"
title="Automation Log"
>
<i class="fal fa-robot h3 mt-1"></i>
</div>
</td>
<td class="pl-2 raio-history-board mr-2 ng-isolate-scope bg-0" style="width: 50%;">
{{ followUp.description | htmlToPlaintext}}
</td>
<td class="pl-1 raio-history-board mr-1 ng-isolate-scope bg-0" style="width: 13%;">
{{ followUp.created_at | amUtc | amLocal | amDateFormat: "L HH:MM" }}
</td>
<td class="pl-2 mr-2 ng-isolate-scope bg-0" style="width: 7%;">
<span
ng-if="followUp.card_deleted_at"
class="search-icon"
>
-
</span>
<span
ng-if="!followUp.card_deleted_at"
class="search-icon"
ng-click="getLinkCard(followUp)"
>
<i class="fas fa-external-link" aria-hidden="true"></i>
</span>
</td>
</tr>
</tbody>
</table>

</div>
</div>

</section>

</div>


<ng-if ng-if="::$root.hasContactModule()">
<div id="new-contact-modal" class="slide-in-contaniner slide-in-form remove">
<button
class="close-btn btn close-form-but"
ng-click="closeNewContactModal()"
>
<i class="fas fa-times"></i>
</button>
<div class="slide-form-container">
<h3>New Contact</h3>
<form
name="formNewContact"
ng-submit="createContact(contact, formNewContact)"
novalidate
>
<ul class="list-inline mt-3">
<li class="list-inline-item mr-4">
<label class="radio-container">
<input
style="display: none;"
type="radio"
name="type2"
value="pf"
ng-model="contact.type2"
ng-change="loadCustomFields({ type: 'contact', contact_type: contact.type2 }, contact)"
/>
<span>Person</span>
<span class="checkmark"></span>
</label>
</li>

<li class="list-inline-item mr-4">
<label class="radio-container">
<input
style="display: none;"
type="radio"
name="type2"
value="pj"
ng-model="contact.type2"
ng-change="loadCustomFields({ type: 'contact', contact_type: contact.type2 }, contact)"
/>
<span>Company</span>
<span class="checkmark"></span>
</label>
</li>
</ul>

<div class="form-row mb-3" >
<div class="col-12">
<label ng-show="contact.type2 === 'pj'">Company Name</label>
<label ng-show="contact.type2 === 'pf'">First Name</label>
<input
type="text"
class="form-control"
name="first_name"
ng-model="contact.first_name"
required
/>
</div>
</div>

<span
class="error"
ng-show="
formNewContact.first_name.$dirty &&
formNewContact.first_name.$error.required
"
>This field is required.</span
>

<div class="form-row mb-3" ng-show="contact.type2 === 'pf'">
<div class="col-12">
<label>Last Name</label>
<input
type="text"
class="form-control"
name="last_name"
ng-model="contact.last_name"
placeholder="Last Name"
/>
</div>
</div>

<div class="form-row mb-3">
<div class="col-12">
<label>Email</label>
<input
type="email"
class="form-control"
name="email"
ng-model="contact.email"
placeholder="Email"
/>
</div>
</div>

<span
class="error"
ng-show="
formNewContact.email.$dirty &&
formNewContact.email.$error.email
"
>
Enter a valid email.
</span>

<div class="form-row mb-3">
<div class="col-12">
<label>Phone</label>
<input
type="text"
class="form-control"
name="phone"
ng-model="contact.phone"
placeholder="XXX-XXX-XXXX"
ng-pattern="/[(]?\d{2,3}[-.)]?[ ]?\d{1,5}[-.]?\d{4}\b/g"
/>
</div>
</div>

<span
class="error"
ng-show="
formNewContact.phone.$dirty &&
formNewContact.phone.$error.pattern
"
>
Enter a valid phone.
</span>

<div class="form-row mb-3" ng-show="contact.type2 === 'pf'">
<div class="col-12">
<label>Company</label>
<ui-select
autofocus-ui-select
ng-model="contact.company"
theme="select2"
close-on-selet="false"
tagging="taggingCompany"
tagging-label="false"
>
<ui-select-match
allow-clear
placeholder="Company"
>
{{ contact.company.first_name }}
</ui-select-match>
<ui-select-choices
refresh="searchContacts($select, {type2: 'pj'})"
refresh-delay="1000"
repeat="company in search_contacts"
>
{{ company.first_name }}
</ui-select-choices>
<ui-select-no-choice>
<p class="text-center" style="font-size: 12px;">Companies not found</p>
<div class="margin-create-new">
<div class="no-item-create">
<div class="new-item-contact">
<div>
<i class="company-icon fa-sharp fa-solid fa-building"></i>
</div>
<h2>Add New Company</h2>
<h4>Press enter to create</h4>
</div>
</div>
</div>
</ui-select-no-choice>
</ui-select>
</div>
</div>

<!-- Button to display/hide contact-address-fields -->
<div class="form-row mb-3">
<div class="col-12">
<button
type="button"
class="btn-sm btn-primary"
ng-click="showAddressFields = !showAddressFields"
>
<i class="far fa-plus"></i>
Add Address
</button>
</div>
</div>

<div
id="contact-address-fields"
ng-if="showAddressFields"
>
<div class="form-row mb-3">
<div class="col-12">
<label>Address Name</label>
<input
type="text"
class="form-control"
name="address_name"
id="input-address-name"
ng-model="contact.address.name"
placeholder="Address Name"
required
/>
</div>
</div>

<span
class="error"
ng-show="form.address_name.$dirty && form.address_name.$error.required"
>This field is required.</span
>

<div class="form-row mb-3">
<div class="col-12">
<label>Street</label>
<input
type="text"
class="form-control"
name="address_street"
ng-model="contact.address.street"
placeholder="Street"
required
/>
</div>
</div>

<span
class="error"
ng-show="form.address_street.$dirty && form.address_street.$error.required"
>This field is required.</span
>

<div class="form-row mb-3">
<div class="col-12">
<label>City</label>
<input
type="text"
class="form-control"
name="address_city"
ng-model="contact.address.city"
placeholder="City"
required
/>
</div>
</div>

<span
class="error"
ng-show="form.address_city.$dirty && form.address_city.$error.required"
>This field is required.</span
>

<div class="form-row mb-3">
<div class="col-12">
<label>State</label>
<input
type="text"
class="form-control"
name="address_state"
ng-model="contact.address.state"
placeholder="State"
required
/>
</div>
</div>

<span
class="error"
ng-show="form.address_state.$dirty && form.address_state.$error.required"
>This field is required.</span
>

<div class="form-row mb-3">
<div class="col-12">
<label>Zipcode</label>
<input
type="text"
class="form-control"
name="address_zipcode"
ng-model="contact.address.zipcode"
placeholder="Zipcode"
required
/>
</div>
</div>

<span
class="error"
ng-show="form.address_zipcode.$dirty && form.address_zipcode.$error.required"
>This field is required.</span
>

<div class="form-row mb-3">
<div class="col-12">
<label>Country</label>
<input
type="text"
class="form-control"
name="address_country"
ng-model="contact.address.country"
placeholder="Country"
required
/>
</div>
</div>

<span
class="error"
ng-show="form.address_country.$dirty && form.address_country.$error.required"
>This field is required.</span
>
</div>
<ng-show ng-show="labels.length > 0" ng-cloak>
<div class="form-row mb-3">
<div class="col-12">
<label>Labels</label>
<ng-show ng-show="labels.length > 0" ng-cloak>
<h4 class="subtitles-dropdown bg-white" ng-repeat="label in contact.labels">
<span ng-style="{'background-color': label.color}"></span>
<ng-show >{{ label.value }}</ng-show>
<i class="fal fa-times float-right colorLight h6" ng-click="$event.stopPropagation(); contact.labels.splice(contact.labels.indexOf(label),1);"></i>
</h4>
</ng-show>

<ng-show ng-show="labels.length > 0" ng-cloak >
<h4 id="dDrop" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" ng-cloak class="subtitles-dropdown">
<span ng-style="{'background-color': '#f1f4f9'}"></span>
<ng-show >Select</ng-show>
<i class="fal fa-chevron-down"></i>
</h4>
<div class="subtitles-dropdown dropdown-menu" aria-labelledby="dDrop">
<h4 class="subtitles-dropdown subtitles-item" ng-repeat="label in labels track by label.id" ng-click="contact.labels.push(label);">
<span ng-style="{'background-color': label.color}"></span>
{{ label.value }}
</h4>
</div>
</ng-show>
</div>
</div>
</ng-show>

<ng-if
ng-if="
$root.hasCustomFieldsModule() && contact.custom_fields.length > 0
"
>
<h3 ng-if="(contact.custom_fields | checkAtLeastOneFilled).length">Custom Fields</h3>

<div
ng-repeat="custom_field in contact.custom_fields |
checkAtLeastOneFilled track by custom_field.id"
class="form-row mt-3"
>
<div class="col-12">
<label>
{{ custom_field.value }}
<ng-show ng-show="custom_field.required">
(*)
</ng-show>
</label>

<ng-if ng-if="custom_field.field_type.name === 'text'">
<div class="d-flex align-items-center">
<textarea
class="form-control"
name="text"
ng-model="custom_field.answer[0].answer"
name="description"
ng-required="!!custom_field.required"
>
</textarea>
<a href="" ng-click="removeToNewUsedCustomField(custom_field.id)">
<i class="fa-solid ml-2 text-danger text-lg fa-trash"></i>
</a>
</div>
</ng-if>

<ng-if ng-if="custom_field.field_type.name === 'input'">
<div class="d-flex align-items-center">
<input
type="text"
class="form-control"
name="number"
ng-model="custom_field.answer[0].answer"
ng-required="!!custom_field.required"
/>
<a href="" ng-click="removeToNewUsedCustomField(custom_field.id)">
<i class="fa-solid ml-2 text-danger text-lg fa-trash"></i>
</a>
</div>
</ng-if>

<ng-if ng-if="custom_field.field_type.name === 'date'">
<div class="datepicker-container">
<div class="d-flex align-items-center">
<input
type="text"
placeholder="mm/dd/yyyy"
class="form-control datepicker"
autocomplete="off"
name="date"
ng-model="custom_field.answer[0].answer"
ng-required="!!custom_field.required"
/>
<span class="datepicker-icon delete-icon"><i class="fas fa-caret-down pl-5"></i></span>
<a href="" ng-click="removeToNewUsedCustomField(custom_field.id)">
<i class="fa-solid ml-2 text-danger text-lg fa-trash"></i>
</a>
</div>
</div>
</ng-if>

<ng-if ng-if="custom_field.field_type.name === 'select'">
<div class="d-flex align-items-center">
<ui-select
autofocus-ui-select
ng-model="custom_field.answer[0].option"
theme="select2"
ng-required="!!custom_field.required"
>
<ui-select-match placeholder="{{ custom_field.value }}">
{{ custom_field.answer[0].option.value }}
</ui-select-match>
<ui-select-choices repeat="option in custom_field.options">
{{ option.value }}
</ui-select-choices>
</ui-select>
<a href="" ng-click="removeToNewUsedCustomField(custom_field.id)">
<i class="fa-solid ml-2 text-danger text-lg fa-trash"></i>
</a>
</div>
</ng-if>

<ng-if ng-if="custom_field.field_type.name === 'money'">
<div class="d-flex align-items-center">
<input
type="text"
class="form-control"
name="number"
ng-model="custom_field.answer[0].answer"
ng-required="!!custom_field.required"
ui-money-mask
/>
<a href="" ng-click="removeToNewUsedCustomField(custom_field.id)">
<i class="fa-solid ml-2 text-danger text-lg fa-trash"></i>
</a>
</div>
</ng-if>

<ng-if ng-if="custom_field.field_type.name === 'upload'">
<div class="d-flex align-items-center">
<div class="d-flex justify-content-between w-full">
<div class="upload-container" ng-if="custom_field.upload_document_type !== 'document'">
<label for="file-input" class="file-name-label">
<input
type="text"
class="form-control file-name-input"
ng-model="custom_field.answer[0].answer"
placeholder="Select File"
readonly
ng-required="custom_field.required"
ng-readonly="::hasAnyRole('viewer')"
/>
</label>
<input
id="file-input"
type="file"
class="file-input"
name="upload"
file-change="setFilledCustomField(custom_field, $event)"
ng-required="custom_field.required && !custom_field.answer[0].answer"
ng-readonly="::hasAnyRole('viewer')"
/>
</div>
<div class="upload-container" style="margin-bottom: 18px" ng-if="custom_field.upload_document_type === 'document'">
<ui-select
ng-model="custom_field.answer[0].saved_document"
on-select="
custom_field.answer[0].document_id = custom_field.answer[0].saved_document.id;
custom_field.state = 'was-filled';
"
theme="select2">
<ui-select-match allow-clear placeholder="Select Document">
{{ custom_field.answer[0].saved_document.name }}
</ui-select-match>
<ui-select-choices
repeat="document in viewCard.documents | filter:$select.search track by $index">
{{ document.name }}
</ui-select-choices>
</ui-select>
</div>
<div class="p-3 d-flex">
<a href="#"
ng-click="
custom_field.upload_document_type = custom_field.upload_document_type === 'document' ? 'file' : 'document';
custom_field.document = '';
"
class="mr-2">
<i
ng-class="custom_field.upload_document_type === 'document' ? 'fas fa-archive' : 'fa-solid fa-folder-arrow-up'"
class=" text-primary text-lg"></i>
</a>

<a ng-if="custom_field.answer[0].answer && custom_field.answered.document"
href="#"
class="mr-2"
ng-click="documentsDownload(custom_field.answered.document)"
type="button"
>
<i class="fas text-lg fa-arrow-circle-down color-purple"></i>
</a>
<a href="" ng-click="removeToNewUsedCustomField(custom_field.id)">
<i class="fa-solid text-danger text-lg fa-trash"></i>
</a>
</div>
</div>
</div>
</ng-if>
</div>
</div>
</ng-if>
<ng-if
ng-if="
$root.hasCustomFieldsModule() &&
contact.custom_fields.length == 0 &&
$root.isAccountOwner()
"
>
<small
><i class="fas fa-lightbulb color-purple"></i>
How about creating more fields for you?
<a
href=""
onclick="$('#collapse-menu').removeClass('menu-expand'); $('#config-profile').toggleClass('show'); $('#custom-fields').addClass('show'); $('#new-contact-modal').removeClass('show')"
>Click here and find how</a
></small
>
</ng-if>

<div class="mt-5 form-row"
ng-if="
$root.hasCustomFieldsModule() &&
contact.custom_fields.length &&
$root.isAccountOwner()
"
>
<div class="col-12">
<div class="border-top pt-3"></div>

<h5 class="text-md">Add More Information:</h5>
<label>Select the custom information you want to include here.</label>
<ui-select ng-model="cardCustomFieldSelected" theme="select2"
on-select="addToUsedCustomFieldNewContact(cardCustomFieldSelected.id,$select)">
<ui-select-match allow-clear placeholder="Select Custom Field to Add">
{{ cardCustomFieldSelected.value }}
</ui-select-match>
<ui-select-choices
repeat="custom_field in contact.custom_fields | filter:$select.search | checkBothEmpty track by custom_field.id">
{{ custom_field.value }}
</ui-select-choices>
</ui-select>
</div>
</div>

<div class="form-btn-container mt-3">
<button
type="submit"
class="btn bg-green bg-btn-green btn-block mb-3"
style="height: auto !important;"
ng-disabled="formNewContact.$invalid || loading"
ng-class="{ loading: loading }"
>
Save
</button>
<button
type="button"
style="font-weight: 400 !important;"
class="btn btn-outline-secondary btn-block close-form-tab"
ng-click="closeNewContactModal(form)"
>
Cancel
</button>
</div>
</form>
</div>
</div>

<!-- Slider form E N D -->
<div id="edit-contact-modal" class="slide-in-contaniner slide-in-form remove">
<button
class="close-btn btn close-form-but"
ng-click="closeEditContactModal()"
>
<i class="fas fa-times"></i>
</button>

<div class="slide-form-container pb-5">
<h3>Edit Contact</h3>

<form
name="formEditContact"
ng-submit="updateContact(contact, formEditContact)"
novalidate
>
<ul class="list-inline mt-3">
<li class="list-inline-item mr-4">
<label class="radio-container">
<input
style="display: none;"
type="radio"
name="type2"
value="pf"
ng-model="contact.type2"
/>
<span>Person</span>
<span class="checkmark"></span>
</label>
</li>

<li class="list-inline-item mr-4">
<label class="radio-container">
<input
style="display: none;"
type="radio"
name="type2"
value="pj"
ng-model="contact.type2"
/>
<span>Company</span>
<span class="checkmark"></span>
</label>
</li>
</ul>

<div class="form-row mb-3">
<div class="col-12">
<label>First Name</label>
<input
type="text"
class="form-control"
name="first_name"
ng-model="contact.first_name"
placeholder="{{ __('First Name') }}"
required
/>
</div>
</div>

<span
class="error"
ng-show="
formEditContact.first_name.$dirty &&
formEditContact.first_name.$error.required
"
>This field is required.</span
>

<div class="form-row mb-3" ng-show="contact.type2 === 'pf'">
<div class="col-12">
<label>Last Name</label>
<input
type="text"
class="form-control"
name="last_name"
ng-model="contact.last_name"
placeholder="{{ __('Last Name') }}"
/>
</div>
</div>

<div class="form-row mb-3">
<div class="col-12">
<label>Email</label>
<input
type="email"
class="form-control"
name="email"
ng-model="contact.email"
placeholder="{{ __('Email') }}"
/>
</div>
</div>

<span
class="error"
ng-show="
formEditContact.email.$dirty &&
formEditContact.email.$error.email
"
>Enter a valid email.
</span>

<div class="form-row mb-3">
<div class="col-12">
<label>Phone</label>
<input
type="text"
class="form-control"
name="phone"
ng-model="contact.phone"
placeholder="{{ __('Phone') }}"
ng-pattern="/[(]?\d{2,3}[-.)]?[ ]?\d{1,5}[-.]?\d{4}\b/g"
/>
</div>
</div>

<span
class="error"
ng-show="
formNewContact.phone.$dirty &&
formNewContact.phone.$error.pattern
"
>
Enter a valid phone.
</span>

<div class="form-row mb-3" ng-show="contact.type2 === 'pf'">
<div class="col-12">
<label>Company</label>
<ui-select
autofocus-ui-select
ng-model="contact.company"
theme="select2"
close-on-selet="false"
tagging="taggingCompany"
tagging-label="false"
>
<ui-select-match
allow-clear
placeholder="Company"
>
{{ contact.company.first_name }}
</ui-select-match>
<ui-select-choices
refresh="searchContacts($select, {type2: 'pj'})"
refresh-delay="1000"
repeat="company in search_contacts"
>
{{ company.first_name }}
</ui-select-choices>
<ui-select-no-choice>
<p class="text-center" style="font-size: 12px;">Companies not found</p>
<div class="margin-create-new">
<div class="no-item-create">
<div class="new-item-contact">
<div>
<i class="company-icon fa-sharp fa-solid fa-building"></i>
</div>
<h2>Add New Company</h2>
<h4>Press enter to create</h4>
</div>
</div>
</div>
</ui-select-no-choice>
</ui-select>
</div>
</div>

<div class="form-btn-container mt-3 mb-5">
<button
type="submit"
class="btn btn-primary btn-block"
ng-disabled="formEditContact.$invalid || loading"
ng-class="{ loading: loading }"
>
Save
</button>
<button
type="button"
class="btn btn-outline-secondary btn-block"
ng-click="closeEditContactModal(formEditContact)"
>
Cancel
</button>

<div class="form-btn-container mt-3">
<hr />
<strong>Remove Contact</strong>

<p>
<br />
Do you want to remove this contact? By doing this, you&#039;re removing the all cards with this contact.
<br />
</p>
<button
type="button"
style="font-weight: 400;"
class="btn btn-danger btn-block"
ng-click="confirmDeleteContact()"
>
Delete Contact
</button>
</div>
</div>
</form>
</div>
</div>

<!-- Slider form E N D -->
<div id="new-address-modal" class="slide-in-contaniner slide-in-form remove">
<button
class="close-btn btn close-form-but"
ng-click="closeNewAddressModel()"
>
<i class="fas fa-times"></i>
</button>

<div class="slide-form-container pb-5">
<h3>Add Address</h3>
<form name="form" ng-submit="createAddress(address, form)" novalidate>
<div class="form-row mb-3">
<div class="col-12">
<label>Name</label>
<input
type="text"
class="form-control"
name="name"
id="input-address-name"
ng-model="address.name"
placeholder="{{ __('Name') }}"
required
/>
</div>
</div>

<span
class="error"
ng-show="form.name.$dirty && form.name.$error.required"
>This field is required.</span
>

<div class="form-row mb-3">
<div class="col-12">
<label>Street</label>
<input
type="text"
class="form-control"
name="street"
ng-model="address.street"
placeholder="{{ __('Street') }}"
required
/>
</div>
</div>

<span
class="error"
ng-show="form.street.$dirty && form.street.$error.required"
>This field is required.</span
>

<div class="form-row mb-3">
<div class="col-12">
<label>City</label>
<input
type="text"
class="form-control"
name="city"
ng-model="address.city"
placeholder="{{ __('City') }}"
required
/>
</div>
</div>

<span
class="error"
ng-show="form.city.$dirty && form.city.$error.required"
>This field is required.</span
>

<div class="form-row mb-3">
<div class="col-12">
<label>State</label>
<input
type="text"
class="form-control"
name="state"
ng-model="address.state"
placeholder="{{ __('State') }}"
required
/>
</div>
</div>

<span
class="error"
ng-show="form.state.$dirty && form.state.$error.required"
>This field is required.</span
>

<div class="form-row mb-3">
<div class="col-12">
<label>Zipcode</label>
<input
type="text"
class="form-control"
name="zipcode"
ng-model="address.zipcode"
placeholder="{{ __('Zipcode') }}"
required
/>
</div>
</div>

<span
class="error"
ng-show="form.zipcode.$dirty && form.zipcode.$error.required"
>This field is required.</span
>

<div class="form-row mb-3">
<div class="col-12">
<label>Country</label>
<input
type="text"
class="form-control"
name="country"
ng-model="address.country"
placeholder="{{ __('Country') }}"
required
/>
</div>
</div>

<span
class="error"
ng-show="form.country.$dirty && form.country.$error.required"
>This field is required.</span
>

<div class="form-btn-container mt-3 mb-5">
<button
type="submit"
class="btn btn-primary btn-block"
ng-disabled="form.$invalid || loading"
ng-class="{'loading': loading}"
>
Save
</button>
<button
type="button"
class="btn btn-outline-secondary btn-block"
ng-click="closeNewAddressModel(form)"
>
Cancel
</button>
</div>
</form>
</div>
</div>

<!-- Slider form E N D -->
<script type="text/ng-template" id="removeContact.tpl.html">
<div class="modal-body px-4 text-center">
<h2 class="mb-3">Delete Contact</h2>
<i class="fas fa-exclamation-circle"></i>
<div class="row mt-4">
<div class="col-12">
<p>Are you sure you want to delete this contact?</p>
</div>
<div class="col-6"><button class="btn btn-block btn-danger" ng-click="confirmDeleteContactCallback()">Delete</button></div>
<div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div>
</div>
</div>
</script>

<script type="text/ng-template" id="removeAddress.tpl.html">
<div class="modal-body px-4 text-center">
<h2 class="mb-3">Delete Address</h2>
<i class="fas fa-exclamation-circle"></i>
<div class="row mt-4">
<div class="col-12">
<p>Are you sure you want to delete this address?</p>
</div>
<div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmDeleteAddressCallback()">Delete</button></div>
<div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div>
</div>
</div>
</script>

<script type="text/ng-template" id="initialClioContactSync.tpl.html">
<div class="modal-body px-4 text-center">
<h2 class="mb-3">Clio Contact Sync</h2>
<i class="fas fa-exclamation-circle"></i>
<div class="row mt-4">
<div class="col-12">
<p>This might take a while</p>
</div>
<div class="col-6"><button class="btn btn-block btn-danger" ng-click="initialClioSyncCallback()">Sync</button></div>
<div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div>
</div>
</div>
</script>


<convert-contact-to-matter
ng-if="viewCard &&
viewCard.sourceContact &&
viewCard.sourceContact.contact &&
$root.showConvertContactToMatterComponent"
active-board="activeBoard"
contact="viewCard.sourceContact.contact"
card="viewCard"
></convert-contact-to-matter>

</ng-if>

<ng-if ng-if="::hasAsset('Legalboards')">
<!-- Slider form S T A R T -->
<div id="new-case-modal" class="slide-in-contaniner slide-in-form remove">
<button class="close-btn btn close-form-but" ng-click="closeNewCaseModal()">
<i class="fas fa-times"></i>
</button>

<div class="slide-form-container">
<h3>New Matter</h3>
<form name="formNewCase" ng-submit="createMatter(matter, formNewCase)">
<div class="form-row mb-3">
<div class="col-12">
<label>Client</label>
<ui-select autofocus-ui-select ng-model="matter.client" theme="select2" close-on-selet="false" tagging="taggingContact"
ng-click="inputSearchFocus($event)"
tagging-label="false"
ng-change="$root.hasCustomFieldsModule() ? loadCustomFields({ type: 'matter', client_id: (matter.client.id == undefined ? '' : matter.client.id), parameter_id: (matter.area.id == undefined ? '' : matter.area.id) }, matter) : null"
ng-required="hasAsset('PracticePanther')"
>
<ui-select-match
allow-clear
placeholder="Client"
>
{{ matter.client.first_name }} {{
matter.client.last_name
}}
</ui-select-match>
<ui-select-choices refresh="searchContacts($select, {})" refresh-delay="1000"
repeat="client in search_contacts">
{{ client.first_name }} {{ client.last_name }}
</ui-select-choices>
<ui-select-no-choice>
<p class="text-center">No clients found</p>
<div class="margin-create-new">
<div class="no-item-create">
<div>
<i class="fa-solid fa-user-plus"></i>
</div>
<h2>Create a new client</h2>
<h4>Press enter to create</h4>
</div>
</div>
</ui-select-no-choice>
</ui-select>
</div>
</div>

<span class="error" ng-show="
formNewCase.client_id.$dirty &&
formNewCase.client_id.$error.required
">This field is required.
</span>

<div class="form-row mb-3">
<div class="col-12">
<label>Practice Area</label>
<ui-select
autofocus-ui-select
ng-model="matter.area"
theme="select2"
close-on-selet="false"
tagging="tagginArea"
tagging-label="false"
ng-required="true"
name="area_id"
ng-change="$root.hasCustomFieldsModule() ? loadCustomFields({ type: 'matter', client_id: (matter.client.id == undefined ? '' : matter.client.id), parameter_id: (matter.area.id == undefined ? '' : matter.area.id) }, matter) : null"
>
<ui-select-match
allow-clear
placeholder="Practice Area"
>
{{ matter.area.name }}
</ui-select-match>
<ui-select-choices repeat="area in matter_areas | filter: $select.search">
{{ area.name }}
</ui-select-choices>
<ui-select-no-choice>
<p class="text-center">Area not found</p>
<div class="margin-create-new">
<div class="no-item-create">
<div>
<i class="fa-solid fa-tags"></i>
</div>
<h2>Add New Area</h2>
<h4>Hit enter to add new</h4>
</div>
</div>
</ui-select-no-choice>
</ui-select>
</div>
</div>

<span class="error" ng-show="
formNewCase.area_id.$dirty &&
formNewCase.area_id.$error.required
">This field is required.
</span>

<div class="form-row mb-3">
<div class="col-12">
<label>Number/Title</label>
<input type="text" class="form-control" placeholder="3245/23423.4234.234" name="number"
ng-model="matter.number" required />
</div>
</div>

<span class="error" ng-show="
formNewCase.number.$dirty &&
formNewCase.number.$error.required
">This field is required.
</span>

<div class="form-row mb-3">
<div class="col-12">
<label>Opening</label>
<div class="datepicker-container">
<input type="text" placeholder="mm/dd/yyyy" class="form-control datepicker"
autocomplete="off" name="opening_at" ng-model="matter.opening_at" required />
<span class="datepicker-icon"><i class="fa-regular fa-calendar-days"></i></span>
</div>
</div>
</div>

<span class="error" ng-show="
formNewCase.opening_at.$dirty &&
formNewCase.opening_at.$error.required
">This field is required.
</span>

<div class="form-row mb-3">
<div class="col-12">
<label>Limiting</label>
<div class="datepicker-container">
<input type="text" placeholder="mm/dd/yyyy" class="form-control datepicker"
autocomplete="off" name="limiting_at" ng-model="matter.limiting_at" />
<span class="datepicker-icon"><i class="fa-regular fa-calendar-days"></i></span>
</div>
</div>
</div>

<div class="form-row mb-3">
<div class="col-12">
<label>Description</label>
<textarea
class="form-control"
placeholder="Describe your case here"
name="description"
ng-model="matter.description"
></textarea>
</div>
</div>

<div class="form-row mb-3">
<div class="col-12">
<label>Status</label>
<!-- <select class="select-dropdown" name="status" ng-model="matter.status" required>
<option ng-repeat="status in matter_status track by $index" value="{{ status.key }}">
{{ status.text }}
</option>
</select>
<br> -->

<ui-select
ng-model="matter.status"
theme="select2"
>
<ui-select-match allow-clear placeholder="Status">
{{ matter.status.text }}
</ui-select-match>
<ui-select-choices
repeat="status in matter_status track by $index"
>
{{ status.text }}
</ui-select-choices>
</ui-select>

</div>
</div>

<span class="error" ng-show="
formNewCase.status.$dirty &&
formNewCase.status.$error.required
">This field is required.
</span>

<ng-show ng-show="labels.length > 0" ng-cloak>
<div class="form-row mb-3">
<div class="col-12">
<label>Labels</label>
<ng-show ng-show="labels.length > 0" ng-cloak>
<h4 class="subtitles-dropdown bg-white" ng-repeat="label in matter.labels">
<span ng-style="{'background-color': label.color}"></span>
<ng-show>{{ label.value }}</ng-show>
<i class="fal fa-times float-right colorLight h6"
ng-click="$event.stopPropagation(); matter.labels.splice(matter.labels.indexOf(label),1);"></i>
</h4>
</ng-show>

<ng-show ng-show="labels.length > 0" ng-cloak>
<h4 id="dDrop" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" ng-cloak
class="subtitles-dropdown">
<span ng-style="{'background-color': '#f1f4f9'}"></span>
<ng-show>Select</ng-show>
<i class="fal fa-chevron-down"></i>
</h4>
<div class="subtitles-dropdown dropdown-menu" aria-labelledby="dDrop">
<h4 class="subtitles-dropdown subtitles-item"
ng-repeat="label in labels track by label.id" ng-click="matter.labels.push(label);">
<span ng-style="{'background-color': label.color}"></span>
{{ label.value }}
</h4>
</div>
</ng-show>
</div>
</div>
</ng-show>

<ng-if
ng-if="
$root.hasCustomFieldsModule() && matter.custom_fields.length > 0
"
>
<h3 ng-if="(matter.custom_fields | checkAtLeastOneFilled).length">Custom Fields</h3>

<div ng-repeat="custom_field in matter.custom_fields |
checkAtLeastOneFilled track by custom_field.id" class="form-row mt-3">
<div class="col-12">
<label>
{{ custom_field.value }}
<ng-show ng-show="custom_field.required">
(*)
</ng-show>
</label>

<ng-if ng-if="custom_field.field_type.name === 'text'">
<div class="d-flex align-items-center">
<textarea
class="form-control"
name="text"
ng-model="custom_field.answer[0].answer"
name="description"
ng-required="!!custom_field.required"
>
</textarea>
<a href="" ng-click="removeToNewUsedCustomField(custom_field.id)">
<i class="fa-solid ml-2 text-danger text-lg fa-trash"></i>
</a>
</div>
</ng-if>

<ng-if ng-if="custom_field.field_type.name === 'input'">
<div class="d-flex align-items-center">
<input
type="text"
class="form-control"
name="number"
ng-model="custom_field.answer[0].answer"
ng-required="!!custom_field.required"
/>
<a href="" ng-click="removeToNewUsedCustomField(custom_field.id)">
<i class="fa-solid ml-2 text-danger text-lg fa-trash"></i>
</a>
</div>
</ng-if>

<ng-if ng-if="custom_field.field_type.name === 'date'">
<div class="datepicker-container">
<div class="d-flex align-items-center">
<input
type="text"
placeholder="mm/dd/yyyy"
class="form-control datepicker"
autocomplete="off"
name="date"
ng-model="custom_field.answer[0].answer"
ng-required="!!custom_field.required"
/>
<span class="datepicker-icon delete-icon"><i class="fas fa-caret-down pl-5"></i></span>
<a href="" ng-click="removeToNewUsedCustomField(custom_field.id)">
<i class="fa-solid ml-2 text-danger text-lg fa-trash"></i>
</a>
</div>
</div>
</ng-if>

<ng-if ng-if="custom_field.field_type.name === 'select'">
<div class="d-flex align-items-center">
<ui-select
autofocus-ui-select
ng-model="custom_field.answer[0].option"
theme="select2"
ng-required="!!custom_field.required"
>
<ui-select-match placeholder="{{ custom_field.value }}">
{{ custom_field.answer[0].option.value }}
</ui-select-match>
<ui-select-choices repeat="option in custom_field.options">
{{ option.value }}
</ui-select-choices>
</ui-select>
<a href="" ng-click="removeToNewUsedCustomField(custom_field.id)">
<i class="fa-solid ml-2 text-danger text-lg fa-trash"></i>
</a>
</div>
</ng-if>

<ng-if ng-if="custom_field.field_type.name === 'money'">
<div class="d-flex align-items-center">
<input
type="text"
class="form-control"
name="number"
ng-model="custom_field.answer[0].answer"
ng-required="!!custom_field.required"
ui-money-mask
/>
<a href="" ng-click="removeToNewUsedCustomField(custom_field.id)">
<i class="fa-solid ml-2 text-danger text-lg fa-trash"></i>
</a>
</div>
</ng-if>

<ng-if ng-if="custom_field.field_type.name === 'upload'">
<div class="d-flex align-items-center">
<div class="d-flex justify-content-between w-full">
<div class="upload-container" ng-if="custom_field.upload_document_type !== 'document'">
<label for="file-input" class="file-name-label">
<input
type="text"
class="form-control file-name-input"
ng-model="custom_field.answer[0].answer"
placeholder="Select File"
readonly
ng-required="custom_field.required"
ng-readonly="::hasAnyRole('viewer')"
/>
</label>
<input
id="file-input"
type="file"
class="file-input"
name="upload"
file-change="setFilledCustomField(custom_field, $event)"
ng-required="custom_field.required && !custom_field.answer[0].answer"
ng-readonly="::hasAnyRole('viewer')"
/>
</div>
<div class="upload-container" style="margin-bottom: 18px" ng-if="custom_field.upload_document_type === 'document'">
<ui-select
ng-model="custom_field.answer[0].saved_document"
on-select="
custom_field.answer[0].document_id = custom_field.answer[0].saved_document.id;
custom_field.state = 'was-filled';
"
theme="select2">
<ui-select-match allow-clear placeholder="Select Document">
{{ custom_field.answer[0].saved_document.name }}
</ui-select-match>
<ui-select-choices
repeat="document in viewCard.documents | filter:$select.search track by $index">
{{ document.name }}
</ui-select-choices>
</ui-select>
</div>
<div class="p-3 d-flex">
<a href="#"
ng-click="
custom_field.upload_document_type = custom_field.upload_document_type === 'document' ? 'file' : 'document';
custom_field.document = '';
"
class="mr-2">
<i
ng-class="custom_field.upload_document_type === 'document' ? 'fas fa-archive' : 'fa-solid fa-folder-arrow-up'"
class=" text-primary text-lg"></i>
</a>

<a ng-if="custom_field.answer[0].answer && custom_field.answered.document"
href="#"
class="mr-2"
ng-click="documentsDownload(custom_field.answered.document)"
type="button"
>
<i class="fas text-lg fa-arrow-circle-down color-purple"></i>
</a>
<a href="" ng-click="removeToNewUsedCustomField(custom_field.id)">
<i class="fa-solid text-danger text-lg fa-trash"></i>
</a>
</div>
</div>
</div>
</ng-if>
</div>
</div>
<div class="mt-5 form-row">
<div class="col-12">
<div class="border-top pt-3"></div>

<h5 class="text-md">Add More Information:</h5>
<label>Select the custom information you want to include here.</label>
<ui-select ng-model="cardCustomFieldSelected" theme="select2"
on-select="addToUsedCustomFieldNewMatter(cardCustomFieldSelected.id,$select)">
<ui-select-match allow-clear placeholder="Select Custom Field to Add">
{{ cardCustomFieldSelected.value }}
</ui-select-match>
<ui-select-choices
repeat="custom_field in matter.custom_fields | filter:$select.search | checkBothEmpty track by custom_field.id">
{{ custom_field.value }}
</ui-select-choices>
</ui-select>
</div>
</div>

</ng-if>
<ng-if
ng-if="
$root.hasCustomFieldsModule() &&
matter.custom_fields.length == 0 &&
$root.isAccountOwner()
"
>
<small>
<i class="fas fa-lightbulb color-purple"></i>
How about creating more fields for you?
<a href=""
onclick="$('#collapse-menu').removeClass('menu-expand'); $('#config-profile').toggleClass('show'); $('#custom-fields').addClass('show'); $('#new-case-modal').removeClass('show')">Click here and find how</a>
</small>
</ng-if>

<div class="form-btn-container mt-3">
<button type="submit" class="btn bg-green bg-btn-green-save btn-block mb-3"
ng-disabled="formNewCase.$invalid || loading" ng-class="{ loading: loading }">
Save
</button>
<button class="btn btn-outline-secondary bg-btn-gray btn-block close-form-tab" ng-click="closeNewCaseModal(form)" type="button">
Cancel
</button>
</div>
</form>
</div>
</div>

<!-- Slider form E N D -->
<!-- Slider form S T A R T -->

<div id="edit-case-modal" class="slide-in-contaniner slide-in-form remove">
<button class="close-btn btn close-form-but" ng-click="closeEditCaseModal()">
<i class="fas fa-times"></i>
</button>

<div class="slide-form-container pb-5">
<h3>Edit Matter</h3>
<form name="formEditCase" ng-submit="updateMatter(matter, formEditCase)" novalidate>
<div class="form-row mb-3">
<div class="col-12">
<label>Client</label>
<ui-select
autofocus-ui-select
ng-model="matter.client"
theme="select2"
close-on-selet="false"
tagging="taggingContact"
tagging-label="false"
ng-change="matter.client_id = matter.client.id"
ng-required="hasAsset('PracticePanther')"
>
<ui-select-match
allow-clear
placeholder="Client"
>
{{ matter.client.first_name }}
</ui-select-match>
<ui-select-choices refresh="searchContacts($select, {})" refresh-delay="1000"
repeat="client in search_contacts">
{{ client.first_name }}
</ui-select-choices>
</ui-select>
</div>
</div>

<span class="error" ng-show="
formEditCase.client_id.$dirty &&
formEditCase.client_id.$error.required
">This field is required.
</span>

<div class="form-row mb-3">
<div class="col-12">
<label>Type</label>
<ui-select autofocus-ui-select ng-model="matter.area" theme="select2" close-on-selet="false" tagging="tagginArea"
tagging-label="false" ng-required="true" name="area_id">
<ui-select-match allow-clear placeholder="Type">
{{ matter.area.name }}
</ui-select-match>
<ui-select-choices repeat="area in matter_areas | filter: $select.search">
{{ area.name }}
</ui-select-choices>
</ui-select>
</div>
</div>

<span class="error" ng-show="
formEditCase.area_id.$dirty &&
formEditCase.area_id.$error.required
">This field is required.
</span>

<div class="form-row mb-3">
<div class="col-12">
<label>Number/Title</label>
<input type="text" class="form-control" placeholder="3245/23423.4234.234" name="number"
ng-model="matter.number" required />
</div>
</div>

<span class="error" ng-show="
formEditCase.number.$dirty &&
formEditCase.number.$error.required
">This field is required.
</span>

<div class="form-row mb-3">
<div class="col-12">
<label>Opening</label>
<!-- make sure to use "date-picker" class on each date picker(if there any plans to make more than one), feel free to use any id and add it on custom js file -->
<div class="datepicker-container">
<input type="text" placeholder="mm/dd/yyyy" class="form-control datepicker"
autocomplete="off" name="opening_at" ng-model="matter.opening_at" required />
<span class="datepicker-icon"><i class="fas fa-caret-down"></i></span>
</div>
</div>
</div>

<span class="error" ng-show="
formEditCase.opening_at.$dirty &&
formEditCase.opening_at.$error.required
">This field is required.
</span>

<div class="form-row mb-3">
<div class="col-12">
<label>Limiting</label>
<!-- make sure to use "date-picker" class on each date picker(if there any plans to make more than one), feel free to use any id and add it on custom js file -->
<div class="datepicker-container">
<input type="text" placeholder="mm/dd/yyyy" class="form-control datepicker"
autocomplete="off" name="limiting_at" ng-model="matter.limiting_at" />
<span class="datepicker-icon"><i class="fas fa-caret-down"></i></span>
</div>
</div>
</div>

<div class="form-row mb-3">
<div class="col-12">
<label>Description</label>
<textarea class="form-control" placeholder="Description" name="description"
ng-model="matter.description"></textarea>
</div>
</div>

<div class="form-row mb-3">
<div class="col-12">
<label>Status</label>
<!-- <select class="select-dropdown" name="status" ng-model="matter.status" required>
<option ng-repeat="status in matter_status track by status.key" value="{{ status.key }}">{{
status.text }}</option>
</select> -->

<ui-select
ng-model="matter.status"
theme="select2"
ng-required="true"
>
<ui-select-match allow-clear placeholder="Status " ng-required="true">
{{ matter.status.text }}
</ui-select-match>
<ui-select-choices
repeat="status in matter_status track by $index"
>
{{ status.text }}
</ui-select-choices>
</ui-select>
</div>
</div>

<span class="error" ng-show="
formEditCase.status.$dirty &&
formEditCase.status.$error.required
">This field is required.
</span>

<div class="form-btn-container mt-3 mb-5">
<button type="submit" class="btn bg-green bg-btn-green btn-block" ng-disabled="formEditCase.$invalid || loading" style="height: auto !important;"
ng-class="{ loading: loading }">
Save
</button>
<button class="btn btn-outline-secondary bg-btn-gray btn-block" ng-click="closeEditCaseModal(formEditCase)" type="button">
Cancel
</button>
<div class="form-btn-container mt-3">
<hr />
<strong>Remove Case</strong>

<p>
<br />
Do you want to remove this case? By doing this, you&#039;re removing the all cards with this case.
<br />
</p>
<button type="button" class="btn btn-danger bg-btn-gray btn-block" ng-click="confirmDeleteCase()"
ng-disabled="AuthUser.id !== matter.originating_id">
Delete Matter
</button>
</div>
</div>
</form>
</div>
</div>

<!-- Slider form E N D -->
<!-- Slider form S T A R T -->

<div id="close-case-modal" class="slide-in-contaniner slide-in-form remove">
<button
class="close-btn btn close-form-but"
ng-click="closeCloseCaseModal()"
>
<i class="fas fa-times"></i>
</button>

<div class="slide-form-container pb-5">
<h3>Close Matter</h3>
<form name="form" ng-submit="closeMatter(matter, form)" novalidate>
<div class="form-row mb-3">
<div class="col-12">
<label>Closing</label>
<!-- make sure to use "date-picker" class on each date picker(if there any plans to make more than one), feel free to use any id and add it on custom js file -->
<div class="datepicker-container">
<input
type="text"
placeholder="mm/dd/yyyy"
class="form-control datepicker"
autocomplete="off"
name="closing_at"
ng-model="matter.closing_at"
/>
<span class="datepicker-icon"
><i class="fas fa-caret-down"></i
></span>
</div>
</div>
</div>

<div class="form-btn-container mt-3 mb-5">
<button
class="btn btn-primary btn-block"
ng-disabled="form.$invalid || loading"
>
Save
</button>
<button
class="btn btn-outline-secondary btn-block"
type="button"
ng-click="closeCloseCaseModal(form)"
>
Cancel
</button>
</div>
</form>
</div>
</div>

<!-- Slider form E N D -->
<script type="text/ng-template" id="removeCase.tpl.html">
<div class="modal-body px-4 text-center">
<h2 class="mb-3">Delete Matter</h2>
<i class="fas fa-exclamation-circle"></i>
<div class="row mt-4">
<div class="col-12">
<p>Are you sure you want to delete this case?</p>
</div>
<div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmDeleteCaseCallback()">Delete</button></div>
<div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div>
</div>
</div>
</script>

<script type="text/ng-template" id="removeMemberMatter.tpl.html">
<div class="modal-body px-4 text-center">
<h2 class="mb-3">Remove Member</h2>
<i class="fas fa-exclamation-circle"></i>
<div class="row mt-4">
<div class="col-12">
<p>Are you sure you want to remove this member?</p>
</div>
<div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="removeMatterMember(deletingMatterMember.index, deletingMatterMember.member)">Delete</button></div>
<div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div>
</div>
</div>
</script>

<script type="text/ng-template" id="removeMatterMatterCase.tpl.html">
<div class="modal-body px-4 text-center">
<h2 class="mb-3">Remove Case</h2>
<i class="fas fa-exclamation-circle"></i>
<div class="row mt-4">
<div class="col-12">
<p>Are you sure you want to remove this case?</p>
</div>
<div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="removeMatterCase(deletingMatterCase.index, deletingMatterCase.case)">Remove</button></div>
<div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div>
</div>
</div>
</script>
<!-- Slider form S T A R T -->

<div
id="legalboards-migration-automation-form"
class="slide-in-contaniner slide-in-form remove"
>
<button
class="close-btn btn close-form-but"
ng-click="closeLegalboardsMigrateAutomationForm()"
>
<i class="fas fa-times"></i>
</button>

<div class="slide-form-container">
<h3 ng-show="!automation.id">New Automation</h3>
<h3 ng-show="automation.id">
Edit Automation
</h3>
<form
name="formLegalboardsMigrateAutomation"
ng-submit="saveLegalboardsMigrateAutomation(automation, formLegalboardsMigrateAutomation)"
>
<p class="color-purple font-weight-bold mb-0">
When a new matter is created
</p>
<div class="form-row mb-3">
<div class="col-12">
<label>Client</label>
<ui-select
autofocus-ui-select
ng-model="automation.clients"
theme="select2"
name="clients"
class="multipleFind"
multiple
>
<ui-select-match
allow-clear
placeholder="All the options"
>
{{ $item.first_name }} {{ $item.last_name }}
</ui-select-match>
<ui-select-choices
repeat="contact in matter_clients | filter:$select.search track by $index"
>
{{ contact.first_name }} {{ contact.last_name }}
</ui-select-choices>
</ui-select>
<small
class="form-text text-muted"
ng-show="automation.clients.length > 0"
>You can select more than one option</small
>
</div>
</div>

<div class="form-row mb-3">
<div class="col-12">
<label>Practice area</label>
<ui-select
autofocus-ui-select
ng-model="automation.areas"
theme="select2"
name="areas"
class="multipleFind"
multiple
>
<ui-select-match
allow-clear
placeholder="All the options"
>
{{ $item.name }}
</ui-select-match>
<ui-select-choices
repeat="area in matter_areas | filter:$select.search track by $index"
>
{{ area.name }}
</ui-select-choices>
</ui-select>
<small
class="form-text text-muted"
ng-show="automation.areas.length > 0"
>You can select more than one option</small
>
</div>
</div>

<!--

<div class="form-row mb-3">
<div class="col-12">
<label>Originating Attorney</label>
<ui-select
autofocus-ui-select
ng-model="automation.originating"
theme="select2"
name="originating"
class="multipleFind"
multiple
>
<ui-select-match
allow-clear
placeholder="All the options"
>
{{ $item.first_name }} {{ $item.last_name }}
</ui-select-match>
<ui-select-choices
repeat="user in account_users | filter:$select.search track by $index"
>
{{ user.first_name }} {{ user.last_name }}
</ui-select-choices>
</ui-select>
<small
class="form-text text-muted"
ng-show="automation.originating.length > 0"
>You can select more than one option</small
>
</div>
</div>

<div class="form-row mb-3">
<div class="col-12">
<label>Responsible Attorney</label>
<ui-select
autofocus-ui-select
ng-model="automation.responsibles"
theme="select2"
name="responsibles"
class="multipleFind"
multiple
>
<ui-select-match
allow-clear
placeholder="All the options"
>
{{ $item.first_name }} {{ $item.last_name }}
</ui-select-match>
<ui-select-choices
repeat="user in account_users | filter:$select.search track by $index"
>
{{ user.first_name }} {{ user.last_name }}
</ui-select-choices>
</ui-select>
<small
class="form-text text-muted"
ng-show="automation.responsibles.length > 0"
>
You can select more than one option
</small>
</div>
</div>

-->

<ng-if
ng-if="
$root.hasCustomFieldsModule() &&
automation.custom_fields.length > 0
"
>
<h3>Custom Fields</h3>

<div
ng-repeat="custom_field in automation.custom_fields track by $index"
class="mt-3"
>
<label> {{ custom_field.custom_field.value }} </label>

<ng-if
ng-if="
custom_field.custom_field.field_type.name === 'text'
"
>
<textarea
class="form-control"
name="text"
ng-model="custom_field.answer"
name="description"
>
</textarea>
</ng-if>

<ng-if
ng-if="
custom_field.custom_field.field_type.name ===
'input'
"
>
<input
type="text"
class="form-control"
name="number"
ng-model="custom_field.answer"
/>
</ng-if>

<ng-if
ng-if="
custom_field.custom_field.field_type.name === 'date'
"
>
<div class="datepicker-container">
<input
type="text"
placeholder="mm/dd/yyyy"
class="form-control datepicker"
autocomplete="off"
name="date"
ng-model="custom_field.answer"
/>
<span class="datepicker-icon"
><i class="fas fa-caret-down"></i
></span>
</div>
</ng-if>

<ng-if
ng-if="
custom_field.custom_field.field_type.name ===
'select'
"
>
<select
class="form-control"
ng-model="custom_field.answer"
>
<option value=""></option>
<option
ng-repeat="option in custom_field.custom_field.options"
value="{{ option.id }}"
>
{{ option.value }}
</option>
</select>
</ng-if>

<ng-if
ng-if="
custom_field.custom_field.field_type.name ===
'money'
"
>
<input
type="text"
class="form-control"
name="number"
ng-model="custom_field.answer"
ui-money-mask
/>
</ng-if>
</div>
</ng-if>

<p class="color-purple font-weight-bold mt-3">
Add to...
</p>
<div class="form-row mb-3">
<div class="col-12">
<label>Column</label>
<ui-select
autofocus-ui-select
ng-model="automation.automation.list"
theme="select2"
name="list"
required
>
<ui-select-match
allow-clear
placeholder="List"
>
{{ automation.automation.list.name }}
</ui-select-match>
<ui-select-choices
repeat="list in lists | filter:{board_id:automation.automation.board.id,name:$select.search} track by $index"
>
{{ list.name }}
</ui-select-choices>
</ui-select>
</div>
</div>

<span
class="error"
ng-show="
formLegalboardsMigrateAutomation.list.$dirty &&
formLegalboardsMigrateAutomation.list.$error.required
"
>This field is required.
</span>

<div class="form-btn-container mt-3">
<button
type="submit"
class="btn btn-primary btn-block mb-3"
ng-disabled="formLegalboardsMigrateAutomation.$invalid || loading"
ng-class="{ loading: loading }"
>
Save
</button>
<button
class="btn btn-outline-secondary btn-block close-form-tab"
type="button"
ng-click="closeClioAutomationForm(formLegalboardsMigrateAutomation)"
>
Cancel
</button>
</div>
</form>
</div>
</div>

<!-- Slider form E N D -->
</ng-if>

<ng-if ng-if="::hasAsset('Tasks')">
<!-- Slider form S T A R T -->

<div id="new-task-modal" class="slide-in-contaniner slide-in-form remove">
<button class="close-btn btn close-form-but" ng-click="closeNewTaskModel()">
<i class="fas fa-times"></i>
</button>

<div class="slide-form-container">
<h3>New Task</h3>

<form
name="formNewTask"
ng-submit="createTask(new_task_model, formNewTask)"
>
<div class="form-row mb-3">

<div ng-if="publicationSelected" class="col-12 link-card-container align-items-center d-flex mb-2">
<div class="mx-3">
<i class="fa-solid fa-link"></i>
</div>
<div class="d-flex flex-column">
<span class="text-sm">Linked to Publication:</span>
<span class="text-bold text-sm">{{ publicationSelected.section }} - {{ publicationSelected.date | date:'dd/MM/yyyy' }}</span>
</div>
</div>

<div class="col-12">
<label>Reporter</label>
<ui-select
autofocus-ui-select
ng-model="new_task_model.reporter"
theme="select2"
>
<ui-select-match
allow-clear
placeholder="Reporter"
>
{{ new_task_model.reporter.first_name }} {{
new_task_model.reporter.last_name
}}
</ui-select-match>
<ui-select-choices
repeat="user in account_team | filter:{first_name:$select.search} track by $index"
>
{{ user.first_name }} {{ user.last_name }}
</ui-select-choices>
</ui-select>
</div>
</div>

<div class="form-row mb-3">
<div class="col-12">
<label>Assignee Type</label>
<div class="form-row">
<div class="col-12">
<label
class="radio-container"
for="task-model-assignee-type-user"
ng-click="new_task_model.assignee_type = 'user'"
>
User
<input
name="new_task_model_assignee_type"
class="form-check-input"
ng-model="new_task_model.assignee_type"
type="radio"
id="task-model-assignee-type-user"
value="user"
required
>
<span class="checkmark"></span>
</label>
</div>
<div class="col-12">
<label
class="radio-container"
for="task-model-assignee-type-squad"
ng-click="new_task_model.assignee_type = 'squad'"
>
Squad
<input
name="new_task_model_assignee_type"
class="form-check-input"
ng-model="new_task_model.assignee_type"
type="radio"
id="task-model-assignee-type-squad"
value="squad"
required
/>
<span class="checkmark"></span>

</label>
</div>
</div>
</div>
</div>


<div class="form-row mb-3" ng-if="new_task_model.assignee_type == 'user'">
<div class="col-12">
<label>Assignee</label>
<ui-select
autofocus-ui-select
ng-model="new_task_model.assignee"
theme="select2"
required
>
<ui-select-match
allow-clear
placeholder="Assignee"
>
{{ new_task_model.assignee.first_name }} {{
new_task_model.assignee.last_name
}}
</ui-select-match>
<ui-select-choices
repeat="user in account_team | filter:{first_name:$select.search} track by $index"
>
{{ user.first_name }} {{ user.last_name }}
</ui-select-choices>
</ui-select>
</div>
</div>

<span
class="error"
ng-show="
formNewTask.assignee.$dirty &&
formNewTask.assignee.$error.required
"
>This field is required.
</span>


<div class="form-row mb-3" ng-if="new_task_model.assignee_type == 'squad'">
<div class="col-11">
<label>Select a Squad</label>
<ui-select
autofocus-ui-select
ng-model="new_task_model.squad"
theme="select2"
required
>
<ui-select-match
allow-clear
placeholder="Squad"
>
{{ new_task_model.squad.name }}
</ui-select-match>
<ui-select-choices
repeat="task_squad in task_squads | filter:$select.search track by $index"
>
{{ task_squad.name }}
</ui-select-choices>
</ui-select>
</div>
<div class="col-1 mt-3">
<button
type="button"
class="btn btn-outline-secondary px-2"
ng-click="openTaskSquadConfig()"
style="margin-top: 45%;"
>
<i class="fas fa-cog"></i>
</button>
</div>
</div>

<div class="form-row mb-3">
<div class="col-12">
<label>Due</label>
<div class="datepicker-container">
<input
type="text"
placeholder="mm/dd/yyyy"
class="form-control datepicker"
autocomplete="off"
name="due"
ng-model="new_task_model.due"
/>
<span class="datepicker-icon"
><i class="fas fa-caret-down"></i
></span>
</div>
</div>
</div>

<div class="form-row mb-3">
<div class="col-12">
<label>Title</label>
<input
type="text"
class="form-control"
placeholder="Title"
name="text"
ng-model="new_task_model.title"
name="title"
required
/>
</div>
</div>

<span
class="error"
ng-show="
formNewTask.title.$dirty &&
formNewTask.title.$error.required
"
>This field is required.
</span>

<div class="form-row mb-3">
<div class="col-12">
<label>Description</label>
<trix-editor
angular-trix
ng-model="new_task_model.description"
name="new_task_description"
rows="50"
placeholder="Description"
ng-keyup="dirtyAngularTrix = true"
trix-id="4"
></trix-editor>
</div>
</div>

<div class="form-row mb-3">
<div class="col-12">
<label>Type</label>
<ui-select
autofocus-ui-select
ng-model="new_task_model.type"
theme="select2"
close-on-selet="false"
tagging="tagginTaskType"
tagging-label="false"
name="type"
ng-change="new_task_model.type = new_task_model.type || task_types[0]; new_task_model.status = null; loadTaskStatus(new_task_model.type)"
>
<ui-select-match
allow-clear
placeholder="Type"
>
{{ new_task_model.type.name }}
</ui-select-match>
<ui-select-choices
repeat="type in task_types | filter: $select.search"
>
{{ type.name }}
</ui-select-choices>
<ui-select-no-choice>
<p class="text-center">Type not found</p>
<div class="no-item-create">
<h2>Add New Type</h2>
<i class="fad fa-tags"></i>
<h4>Hit enter to add new</h4>
</div>
</ui-select-no-choice>
</ui-select>
</div>
</div>

<div class="form-row mb-3">
<div class="col-12">
<label>Status</label>
<ui-select
autofocus-ui-select
ng-model="new_task_model.status"
theme="select2"
close-on-selet="false"
tagging="tagginTaskStatus"
tagging-label="false"
name="status"
required
>
<ui-select-match
allow-clear
placeholder="Status"
>
{{ new_task_model.status.name }}
</ui-select-match>
<ui-select-choices
repeat="status in task_status | filter: $select.search"
>
{{ status.name }}
</ui-select-choices>
</ui-select>
</div>
</div>

<span
class="error"
ng-show="
formNewTask.status.$dirty &&
formNewTask.status.$error.required
"
>This field is required.
</span>

<div class="form-row mb-0">
<div class="col-12">
<label>Checklists</label>
<div id="checklistAccordion" class="accordion checklist-accordion w-100 mt-0">
<div class="card border-0 mb-3" style="border: none !important;">
<div id="checklist">
<div class="card border-0 mb-3">
<div>
<div class="card-body p-0 pt-3 pb-1">

<div
class="col-12 complete px-0 mb-1"
ng-repeat="item in new_task_model.check_lists"
>
<div class="d-flex">
<div class="flex-fill px-2">
<input
class="form-control py-0 px-2 bg-white"
type="text"
ng-model="item.name"
placeholder="Create a new item here..."
ng-keydown="
$event.keyCode === 13 && saveTaskCheckList(new_task_model, item, $event);
"
/>
</div>
<div class="align-self-center">
<button
class="btn p-0 btn-disable-danger"
type="button"
ng-click="deleteTaskCheckList(new_task_model, item)"
>
<i class="fa fa-trash text-sm mr-3"></i>
</button>
</div>
</div>
</div>


<div class="form-group position-relative px-3 mt-2">
<input
class="form-control form-control-lg new-item pr-5"
autocomplete="off"
type="text"
name="name"
ng-model="newItem.name"
placeholder="Create a new item here..."
ng-keydown="$event.keyCode === 13 && saveTaskCheckList(new_task_model, newItem, $event);"

/>
<button
class="btn btn-primary position-absolute p-0"
style="width: 34px;height: 34px;border-radius:50px!important;right:30px;top:10px"
type="button"
ng-click="saveTaskCheckList(new_task_model, newItem)"
>
<i class="far fa-check"></i>
</button>
</div>

</div>

</div>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="form-row mb-3">
<div class="col-12">
<div id="accordion" class="accordion checklist-accordion w-100 mt-0">
<label>Decisions</label>
<div id="decision">
<div class="card border-0 mb-3" style="border: none !important;">
<div>
<div class="card-body p-0 pt-1 pb-1">

<div
class="col-12 complete px-0 mb-1"
ng-repeat="item in new_task_model.decisions"
>
<div class="d-flex">
<div class="flex-fill px-2">
<input
class="form-control py-0 px-2 bg-white"
type="text"
ng-model="item.name"
placeholder="Create a new item here..."
ng-keydown="
$event.keyCode === 13 && saveTaskDecision(new_task_model, item, $event);
"
/>
</div>
<div class="align-self-center">
<button
class="btn p-0 btn-disable-danger"
type="button"
ng-click="deleteTaskDecision(new_task_model, item)"
>
<i class="fa fa-trash text-sm mr-3"></i>
</button>
</div>
</div>
</div>


<div class="form-group position-relative px-3 mt-2">
<input
class="form-control form-control-lg new-item pr-5"
autocomplete="off"
type="text"
name="name"
ng-model="newDecisionItem.name"
placeholder="Create a new decision option here..."
ng-keydown="$event.keyCode === 13 && saveTaskDecision(new_task_model, newDecisionItem, $event);"

/>
<button
class="btn btn-primary position-absolute p-0"
style="width: 34px;height: 34px;border-radius:50px!important;right:25px;top:10px"
type="button"
ng-click="saveTaskDecision(new_task_model, newDecisionItem)"
>
<i class="far fa-check"></i>
</button>
</div>

</div>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="form-btn-container mt-3">
<button
type="submit"
class="btn bg-green bg-btn-green btn-block mb-3"
ng-disabled="formNewTask.$invalid || loading"
ng-class="{ loading: loading }"
style="height: auto !important;"
>
Save
</button>
<button
type="button"
class="btn btn-outline-secondary bg-btn-gray btn-block close-form-tab"
ng-click="closeNewTaskModel(form)"
>
Cancel
</button>
</div>
</form>
</div>
</div>

<!-- Slider form E N D -->
<!-- Slider form S T A R T -->

<div id="edit-task-modal" class="slide-in-contaniner slide-in-form remove">
<button
class="close-btn btn close-form-but"
ng-click="closeEditTaskModel()"
>
<i class="fas fa-times"></i>
</button>

<div class="slide-form-container">
<h3>Edit Task</h3>

<form
name="formEditedit_task_model"
ng-submit="updateTask(edit_task_model, formEditedit_task_model)"
novalidate
>
<div class="form-row mb-3">
<div class="col-12">
<label>Reporter</label>
<ui-select
autofocus-ui-select
ng-model="edit_task_model.reporter"
theme="select2"
>
<ui-select-match
allow-clear
placeholder="Reporter"
>
{{ edit_task_model.reporter.first_name }} {{
edit_task_model.reporter.last_name
}}
</ui-select-match>
<ui-select-choices
repeat="user in account_team | filter:{first_name:$select.search} track by $index"
>
{{ user.first_name }} {{ user.last_name }}
</ui-select-choices>
</ui-select>
</div>
</div>

<div class="form-row mb-3">
<div class="col-12">
<label>Assignee Type</label>
<div class="form-row">
<div class="col-12">
<label
class="radio-container"
for="task-model-assignee-type-user"
ng-click="edit_task_model.assignee_type = 'user'"
>
User
<input
name="edit_task_model_assignee_type"
class="form-check-input"
ng-model="edit_task_model.assignee_type"
type="radio"
id="task-model-assignee-type-user"
value="user"
required
>
<span class="checkmark"></span>
</label>
</div>
<div class="col-12">
<label
class="radio-container"
for="task-model-assignee-type-squad"
ng-click="edit_task_model.assignee_type = 'squad'"
>
Squad
<input
name="edit_task_model_assignee_type"
class="form-check-input"
ng-model="edit_task_model.assignee_type"
type="radio"
id="task-model-assignee-type-squad"
value="squad"
required
/>
<span class="checkmark"></span>

</label>
</div>
</div>
</div>
</div>

<div class="form-row mb-3" ng-if="edit_task_model.assignee_type == 'user'">
<div class="col-12">
<label>Assignee</label>
<ui-select
autofocus-ui-select
ng-model="edit_task_model.assignee"
theme="select2"
required
>
<ui-select-match
allow-clear
placeholder="Assignee"
>
{{ edit_task_model.assignee.first_name }} {{
edit_task_model.assignee.last_name
}}
</ui-select-match>
<ui-select-choices
repeat="user in account_team | filter:{first_name:$select.search} track by $index"
>
{{ user.first_name }} {{ user.last_name }}
</ui-select-choices>
</ui-select>
</div>
</div>

<span
class="error"
ng-show="
formEditedit_task_model.assignee_id.$dirty &&
formEditedit_task_model.assignee_id.$error.required
"
>This field is required.
</span>

<div class="form-row mb-3" ng-if="edit_task_model.assignee_type == 'squad'">
<div class="col-11">
<label>Select a Squad</label>
<ui-select
autofocus-ui-select
ng-model="edit_task_model.squad"
theme="select2"
required
>
<ui-select-match
allow-clear
placeholder="Squad"
>
{{ edit_task_model.squad.name }}
</ui-select-match>
<ui-select-choices
repeat="task_squad in task_squads | filter:$select.search track by $index"
>
{{ task_squad.name }}
</ui-select-choices>
</ui-select>
</div>
<div class="col-1 mt-3">
<button
type="button"
class="btn btn-outline-secondary px-2"
ng-click="openTaskSquadConfig()"
style="margin-top: 45%;"
>
<i class="fas fa-cog"></i>
</button>
</div>
</div>

<div class="form-row mb-3">
<div class="col-12">
<label>Due</label>
<div class="datepicker-container">
<input
type="text"
placeholder="mm/dd/yyyy"
class="form-control datepicker"
autocomplete="off"
name="due"
ng-model="edit_task_model.due"
/>
<span class="datepicker-icon"
><i class="fas fa-caret-down"></i
></span>
</div>
</div>
</div>

<div class="form-row mb-3">
<div class="col-12">
<label>Title</label>
<input
type="text"
class="form-control"
placeholder="Title"
name="text"
ng-model="edit_task_model.title"
name="title"
required
/>
</div>
</div>

<span
class="error"
ng-show="
formEditedit_task_model.title.$dirty &&
formEditedit_task_model.title.$error.required
"
>This field is required.
</span>

<div class="form-row mb-3">
<div class="col-12">
<label>Description</label>
<trix-editor
angular-trix
ng-model="edit_task_model.description"
name="task_form_description"
rows="50"
placeholder="Description"
trix-id="3"
></trix-editor>
</div>
</div>

<div class="form-row mb-3">
<div class="col-12">
<label>Type</label>
<ui-select
autofocus-ui-select
ng-model="edit_task_model.type"
theme="select2"
close-on-selet="false"
tagging="tagginTaskType"
tagging-label="false"
name="type"
ng-change="edit_task_model.type = edit_task_model.type || task_types[0]; edit_task_model.status = null; loadTaskStatus(edit_task_model.type)"
>
<ui-select-match
allow-clear
placeholder="Type"
>
{{ edit_task_model.type.name }}
</ui-select-match>
<ui-select-choices
repeat="type in task_types | filter: $select.search"
>
{{ type.name }}
</ui-select-choices>
<ui-select-no-choice>
<p class="text-center">Type not found</p>
<div class="no-item-create">
<h2>Add New Type</h2>
<i class="fad fa-tags"></i>
<h4>Hit enter to add new</h4>
</div>
</ui-select-no-choice>
</ui-select>
</div>
</div>

<div class="form-row mb-3" ng-if="edit_task_model.type">
<div class="col-12">
<label>Status</label>
<ui-select
autofocus-ui-select
ng-model="edit_task_model.status"
theme="select2"
close-on-selet="false"
tagging="tagginTaskStatus"
tagging-label="false"
name="status"
ng-change="confirmTaskFishingIntent(edit_task_model)"
required
>
<ui-select-match
allow-clear
placeholder="Status"
>
{{ edit_task_model.status.name }}
</ui-select-match>
<ui-select-choices
repeat="status in task_status | filter: $select.search"
>
{{ status.name }}
</ui-select-choices>
</ui-select>
</div>
</div>

<span
class="error"
ng-show="
formEditedit_task_model.status.$dirty &&
formEditedit_task_model.status.$error.required
"
>This field is required.
</span>

<div class="form-row mb-0">
<div class="col-12">
<label>Checklists</label>
<div id="checklistAccordion" class="accordion checklist-accordion w-100 mt-0">
<div class="card border-0 mb-3" style="border: none !important;">
<div id="checklist">
<div class="card border-0 mb-3">
<div>
<div class="card-body p-0 pt-3 pb-1">

<div
class="col-12 complete px-0 mb-1"
ng-repeat="item in edit_task_model.check_lists"
>
<div class="d-flex">
<div class="flex-fill px-2">
<input
class="form-control py-0 px-2 bg-white"
type="text"
ng-model="item.name"
placeholder="Create a new item here..."
ng-keydown="
$event.keyCode === 13 && saveTaskCheckList(edit_task_model, item, $event);
"
/>
</div>
<div class="align-self-center">
<button
class="btn p-0 btn-disable-danger"
type="button"
ng-click="deleteTaskCheckList(edit_task_model, item)"
>
<i class="fa fa-trash text-sm mr-3"></i>
</button>
</div>
</div>
</div>


<div class="form-group position-relative px-2 mt-2">
<input
class="form-control form-control-lg new-item pr-5"
autocomplete="off"
type="text"
name="name"
ng-model="newItem.name"
placeholder="Create a new item here..."
ng-keydown="$event.keyCode === 13 && saveTaskCheckList(edit_task_model, newItem, $event);"

/>
<button
class="btn btn-primary position-absolute p-0"
style="width: 34px;height: 34px;border-radius:50px!important;right:30px;top:10px"
type="button"
ng-click="saveTaskCheckList(edit_task_model, newItem)"
>
<i class="far fa-check"></i>
</button>
</div>

</div>

</div>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="form-row mb-3">
<div class="col-12">
<div id="accordion" class="accordion checklist-accordion w-100 mt-0">
<label>Decisions</label>
<div id="decision">
<div class="card border-0 mb-3" style="border: none !important;">
<div>
<div class="card-body p-0 pt-1 pb-1">

<div
class="col-12 complete px-0 mb-1"
ng-repeat="item in edit_task_model.decisions"
>
<div class="d-flex">
<div class="flex-fill px-2">
<input
class="form-control py-0 px-2 bg-white"
type="text"
ng-model="item.name"
placeholder="Create a new item here..."
ng-keydown="
$event.keyCode === 13 && saveTaskDecision(edit_task_model, item, $event);
"
/>
</div>
<div class="align-self-center">
<button
class="btn p-0 btn-disable-danger"
type="button"
ng-click="deleteTaskDecision(edit_task_model, item)"
>
<i class="fa fa-trash text-sm mr-3"></i>
</button>
</div>
</div>
</div>


<div class="form-group position-relative px-2 mt-2">
<input
class="form-control form-control-lg new-item pr-5"
autocomplete="off"
type="text"
name="name"
ng-model="newDecisionItem.name"
placeholder="Create a new decision option here..."
ng-keydown="$event.keyCode === 13 && saveTaskDecision(edit_task_model, newDecisionItem, $event);"

/>
<button
class="btn btn-primary position-absolute p-0"
style="width: 34px;height: 34px;border-radius:50px!important;right:25px;top:10px"
type="button"
ng-click="saveTaskDecision(edit_task_model, newDecisionItem)"
>
<i class="far fa-check"></i>
</button>
</div>

</div>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="form-btn-container mt-3">
<button
type="submit"
class="btn btn-primary btn-block mb-3"
ng-disabled="formEditedit_task_model.$invalid || loading"
ng-class="{ loading: loading }"
>
Save
</button>
<button
class="btn btn-outline-secondary btn-block close-form-tab"
ng-click="closeEditTaskModel(form)"
type="reset"
>
Cancel
</button>
</div>
</form>
</div>
</div>

<!-- Slider form E N D -->
<div
id="view-task-details"
class="slide-in-contaniner account-modal-details remove"
style="width: 46%"
>
<button type="button" class="close-btn btn" ng-click="closeViewTask()">
<i class="fas fa-times"></i>
</button>
<div class="slide-in-content p-0" style="width: 100%">
<!-- HEADER TITLE -->

<div class="p-4">
<div class="row ml-0 pb-3 border-bottom">
<div class="col-12 mb-3 matter-dropdrow">
<h3 class="mb-0 float-left">{{ task.title }}</h3>

<ui-select
allowClear="false"
search-enabled="false"
autofocus-ui-select
ng-model="task.status"
theme="select2"
close-on-selet="true"
name="status"
class="float-right col-3"
ng-change="updateTaskStatus(task)"
ng-disabled="(hasAnyRole(['viewer', 'member']) && task.assignee_id != AuthUser.id) || loading"
>
Status:
<ui-select-match allow-clear placeholder="Status">
{{ task.status.name }}
</ui-select-match>
<ui-select-choices
repeat="status in task_status | filter: $select.search"
>
{{ status.name }}
</ui-select-choices>
</ui-select>
<h4 class="float-right m-3">Status:</h4>
</div>

<div class="col-12">
<h4 class="font-weight-normal mt-0">{{ task.type.name }}</h4>
</div>
<div class="col-4" ng-if="task.assignee_type == 'user'">
<div
class="user-avatar user-avatar-list raio-40 mr-2"
ng-class="::$root.getRandomAvatarBackground($index)"
title="{{ task.assignee.first_name }} {{
task.assignee.last_name
}}"
style="background-image:url({{ task.assignee.avatar }});"
>
<span ng-show="!task.assignee.avatar">
{{ task.assignee.initials }}
</span>
</div>
<strong>Assignee:</strong><br />
{{ task.assignee.first_name }} {{ task.assignee.last_name }}
</div>
<div class="col-4" ng-if="task.assignee_type == 'squad'">
<div
class="user-avatar user-avatar-list raio-40 mr-2"
ng-style="{ 'background-color': task.squad.color }"
title="{{ task.squad.name }}"
>
<span>
{{ task.squad.name[0] }}
</span>
</div>
<strong>Assigned to a Squad:</strong><br />
{{ task.squad.name }}
<small uib-tooltip="{{ task.squad.members_names }}">
<i class="far fa-eye"></i>
</small>
</div>
<div class="col-4">
<div
class="user-avatar user-avatar-list raio-40 mr-2"
ng-class="::$root.getRandomAvatarBackground($index)"
title="{{ task.reporter.first_name }} {{
task.reporter.last_name
}}"
style="background-image:url({{ task.reporter.avatar }});"
>
<span ng-show="!task.reporter.avatar"
>{{ task.reporter.initials }}</span
>
</div>
<strong>Reporter:</strong><br />
{{ task.reporter.first_name }} {{ task.reporter.last_name }}
</div>
<div class="col-4">
<i class="fal fa-calendar-alt"></i>
<strong>Date:</strong><br />
<span ng-class="{
'late-date': $root.now.isAfter(
task.due
) && !task.status.is_done
}">
{{ task.due | amDateFormat: "L" }}
<small class="late" ng-if="now.isAfter(task.due) && !task.status.is_done"><i class="fad fa-engine-warning"></i></small>

</div>

<div ng-if="task.publication" class="col-12 mt-4">
<div class="link-card-container mb-2">
<div class="d-flex justify-content-between align-items-center">
<div class="d-flex align-items-center">
<div class="mx-3">
<i class="fa-solid fa-link"></i>
</div>
<div class="d-flex flex-column">
<span class="text-sm">Linked to Publication:</span>
<span class="text-bold text-sm">{{ task.publication.section }} - {{ task.publication.date | date:'dd/MM/yyyy' }}</span>
</div>
</div>
<div class="mr-2">
<a href="#" ng-click="toggleShowPublicationDescription(task.publication)">
<i class="fa-solid text-lg mr-1" ng-class="{
'fa-eye': !task.publication.show_description,
'fa-eye-slash': task.publication.show_description
}"></i>
</a>
<a href="#" ng-click="viewModalToUnlinkPublication(task.id)"><i class="fa-light fa-xmark text-lg"></i></a>
</div>
</div>

<div class="mt-3 px-3 item-animate-publication" ng-show="task.publication.show_description">
<span ng-if="task.publication.v2" ng-bind-html="task.publication.v2.content"></span>
<span ng-if="!task.publication.v2" ng-bind-html="task.publication.content"></span>
</div>
</div>
</div>

<div class="col-12 mt-4">
<div class="d-flex justify-content-start view-card-internal-tab task-tabs">
<span class="title-view-card mr-4 pb-2"
ng-click="viewCardTabInternal = 'description'"
ng-class="{'tab-active': viewCardTabInternal == 'description'}"
>
<i class="fas fa-align-left mr-1"></i> Description
</span>
<span class="title-view-card ml-4 pb-2 px-2"
ng-click="viewCardTabInternal = 'details'"
ng-class="{'tab-active': viewCardTabInternal == 'details'}"
>
<i class="fas fa-info-circle mr-1"></i>
<span ng-if="task.matter">Matter Details</span>
<span ng-if="task.contact">Contact Details</span>
<span ng-if="!task.matter && !task.contact">Card Details</span>
</span>
</div>
</div>

<div ng-if="viewCardTabInternal === 'description'" >
<div class="col-12 mt-3">
<div class="description-container">
<h4 class="title">
<i class="fas fa-text"></i> <span>Description</span>
</h4>
<div class="message-container">
<span class="message" ng-bind-html="task.description"></span>
</div>
</div>
</div>

<div class="col-12 mt-3 task-action-buttons">
<strong ng-if="::!hasAnyRole('viewer')">
<button
type="button"
ng-click="openEditTaskModal(task)"
class="float-left mt-2 btn-outline-primary btn-sm btn-border btn"
ng-disabled="hasAnyRole('member') && task.reporter_id != AuthUser.id"
ng-attr-title="{{
hasAnyRole('member') && task.reporter_id != AuthUser.id
? $root.DISABLED_BUTTON_MESSAGE
: ''
}}"
>
<i class="fa fa-pencil"></i>
</button>
</strong>

<strong
class="float-left ml-2"
>
<button
class="float-left mt-2 btn-outline-primary btn-sm btn-border btn"
title="Start timer"
title-direction="left"
ng-show="!$root.timerRunning"
ng-click="saveTimer({task: task, description: timesheet.description})"
type="button"
>
<i class="fa-solid fa-alarm-clock"></i>
</button>
</strong>

<strong
class="float-left ml-2 mt-2"
ng-if="::!hasAnyRole('viewer')"
>
<button
type="button"
ng-disabled="hasAnyRole('member') && task.reporter_id != AuthUser.id"
ng-click="confirmDeleteTask(task)"
class="btn-sm btn-outline-danger btn"
ng-attr-title="{{
hasAnyRole('member') && task.reporter_id != AuthUser.id
? $root.DISABLED_BUTTON_MESSAGE
: ''
}}"
>
<i class="fa fa-trash"></i>
</button>
</strong>
</div>
</div>

<div class="w-100 mt-4 task-more-details-container" ng-if="viewCardTabInternal === 'details' && task.matter">
<div class="row ml-3">
<div class="col-6">
<i class="fa-regular fa-calendar"></i>
<span class="ml-2 title">Open date</span>
<p class="ml-4 pt-1 description-detail">{{ task.matter.matter.opening_at | amDateFormat: "L" }}</p>
</div>

<div class="col-6">
<i class="fa-regular fa-calendar"></i>
<span class="ml-2 title">Limit Date</span>
<p class="ml-4 pt-1 description-detail">{{ task.matter.matter.limiting_at | amDateFormat: "L" }}</p>
</div>

<div class="separator"></div>
</div>

<div class="row ml-3 mt-4">

<div class="col-6">
<i class="fa-regular fa-suitcase"></i>
<span class="ml-2 title">Number</span>
<p class="ml-4 pt-1 description-detail">{{ task.matter.matter.number }}</p>
</div>

<div class="col-6">
<i class="fa-solid fa-tag"></i>
<span class="ml-2 title">Area</span>
<p class="ml-4 pt-1 description-detail">{{ task.matter.matter.area.name }}</p>
</div>

<div class="separator"></div>
</div>

<div class="row ml-3 mt-4">
<div class="col-12">
<i class="fas fa-align-left"></i>
<span class="ml-2 title">Description</span>
<p class="ml-4 pt-1 description-detail">{{ task.matter.matter.description ? task.matter.matter.description : '--' }}</p>
</div>

<div class="separator"></div>
</div>

<div class="row ml-3 mt-4">
<div class="col-6">
<i class="far fa-user"></i>
<span class="ml-2 title">Responsible Attorney</span>
<p class="ml-4 pt-1 description-detail" ng-if="task.matter.matter.responsible">
{{ task.matter.matter.responsible.full_name }} ({{ task.matter.matter.responsible.email }})
</p>
<p class="ml-4 pt-1 description-detail" ng-if="!task.matter.matter.responsible">--</p>
</div>
<div class="col-6">
<i class="far fa-user-tag"></i>
<span class="ml-2 title">Originating Attorney</span>
<p class="ml-4 pt-1 description-detail" ng-if="task.matter.matter.originating">
{{ task.matter.matter.originating.full_name }} ({{ task.matter.matter.originating.email }})
</p>
<p class="ml-4 pt-1 description-detail" ng-if="!task.matter.matter.originating">--</p>
</div>

<div class="separator"></div>
</div>

<div class="row ml-3 mt-4">
<div class="col-6">
<i class="far fa-user"></i>
<span class="ml-2 title">Client</span>
<p class="ml-4 pt-1 description-detail" ng-if="task.matter.matter.client">
{{ task.matter.matter.client.full_name }} <span ng-if="task.matter.matter.client.email">({{ task.matter.matter.client.email }})</span>
</p>
<p class="ml-4 pt-1 description-detail" ng-if="!task.matter.matter.client">--</p>
</div>

<div class="col-6">
<i class="far fa-phone"></i>
<span class="ml-2 title">Phone</span>
<p class="ml-4 pt-1 description-detail" ng-if="task.matter.matter.client">
{{ task.matter.matter.client.phone? task.matter.matter.client.phone : '--' }}
</p>
</div>

<div class="separator" ng-if="task.matter.matter.members.length"></div>
</div>

<div class="row ml-3 mt-4" ng-if="task.matter.matter.members.length">
<div class="col-12 mb-2">
<i class="far fa-users"></i>
<span class="ml-2 title">Related Contacts</span>
</div>
</div>
<div class="row ml-5" ng-repeat="member in task.matter.matter.members">
<div class="col-6">
<div class="d-flex flex-column">
<strong>{{ member.contact.full_name }}</strong>
<p class="description-detail">{{ member.contact.email }}</p>
</div>
</div>
<div class="col-6">
<div class="d-flex align-items-center">
<p class="description-detail">{{ member.type.name }}</p>
</div>
</div>
</div>

<div class="row ml-3" ng-if="task.matter.matter.members.length">
<div class="separator"></div>
</div>

<div class="row ml-3 mt-4" ng-if="task.matter.matter.cases.length">
<div class="col-12 mb-2">
<i class="far fa-briefcase-arrow-right"></i>
<span class="ml-2 title">Related Cases</span>
</div>
</div>
<div class="row ml-5" ng-repeat="case in task.matter.matter.cases">
<div class="col-6">
<div class="d-flex flex-column">
<strong>{{ case.case_number }}</strong>
</div>
</div>
<div class="col-6">
<div class="d-flex align-items-center">
<p class="description-detail">{{ case.relation.name }}</p>
</div>
</div>
</div>

<div class="row ml-3" ng-if="task.matter.matter.custom_field_answers.length">
<div class="separator"></div>
</div>

<div class="row ml-3 mt-4" ng-if="task.matter.matter.custom_field_answers.length">
<div class="col-12 mb-2">
<i class="fas fa-plus-circle"></i>
<span class="ml-2 title">Custom Fields</span>
</div>
</div>
<div class="row ml-5">
<div class="col-6" ng-repeat="custom_field in task.matter.matter.custom_field_answers | customFieldsFilled track by $index">
<div class="d-flex flex-column">
<strong>{{ custom_field.custom_field.value }}</strong>
<p class="description-detail">{{ custom_field.option? custom_field.option.value : custom_field.answer }}</p>
</div>
</div>
</div>

<div class='row w-100' ng-if="customFieldsNotFilledFiltered.length > 0">
<button
type="button"
class="btn btn-small btn-outline-primary complete-tasks mb-5"
onclick="$('#custom_field_unanswer_fields').toggle('show')"
>
Show/hide unanswered fields
</button>
</div>

<div class="row ml-5" id="custom_field_unanswer_fields" style="display: none;">
<div class="col-6 mb-2"
ng-repeat="custom_field in task.matter.matter.custom_field_answers | customFieldsNotFilled as customFieldsNotFilledFiltered track by $index">
<div class="d-flex flex-column">
<strong>{{ custom_field.custom_field.value }}</strong>
</div>
</div>
</div>

</div>

<div class="w-100 mt-4 task-more-details-container" ng-if="viewCardTabInternal === 'details' && task.contact">
<div class="row ml-3">
<div class="col-6">
<i class="fa-regular fa-user"></i>
<span class="ml-2 title">Full Name</span>
<p class="ml-4 pt-1 description-detail">{{ task.contact.contact.full_name}}</p>
</div>

<div class="col-6">
<i class="fa-regular fa-envelope"></i>
<span class="ml-2 title">Email</span>
<p class="ml-4 pt-1 description-detail">{{ task.contact.contact.email ? task.contact.contact.email : '--' }}</p>
</div>

<div class="separator"></div>
</div>

<div class="row mt-4 ml-3">
<div class="col-6">
<i class="fa-regular fa-phone"></i>
<span class="ml-2 title">Phone</span>
<p class="ml-4 pt-1 description-detail">{{ task.contact.contact.phone ? task.contact.contact.phone : '--'}}</p>
</div>

<div class="col-6" ng-if="task.contact.contact.type2 === 'pf'">
<i class="fa-regular fa-building"></i>
<span class="ml-2 title">Company</span>
<p class="ml-4 pt-1 description-detail">{{ task.contact.contact.company ? task.contact.contact.company.full_name : '--' }}</p>
</div>

<div class="separator"></div>
</div>

<div class="row ml-3 mt-4" ng-if="task.contact.contact.addresses.length">
<div class="col-12 mb-2">
<i class="far fa-map-marked"></i>
<span class="ml-2 title">Addresses</span>
</div>
</div>

<div ng-repeat="address in task.contact.contact.addresses">
<div class="row ml-5">
<div class="col-12">
<div class="d-flex flex-column addresses-title">
<strong>{{ address.name }}</strong>
</div>
</div>
</div>

<div class="row mt-2 address-view-item">
<div class="col-4">
<div class="d-flex flex-column">
<strong>Street</strong>
<p class="description-detail">{{ address.street }}</p>
</div>
</div>
<div class="col-4">
<div class="d-flex flex-column">
<strong>City</strong>
<p class="description-detail">{{ address.city }}</p>
</div>
</div>
<div class="col-4">
<div class="d-flex flex-column">
<strong>State</strong>
<p class="description-detail">{{ address.state }}</p>
</div>
</div>
</div>
<div class="row mt-2 address-view-item">
<div class="col-4">
<div class="d-flex flex-column">
<strong>Zipcode</strong>
<p class="description-detail">{{ address.zipcode }}</p>
</div>
</div>
<div class="col-4">
<div class="d-flex flex-column">
<strong>Country</strong>
<p class="description-detail">{{ address.country }}</p>
</div>
</div>
</div>
</div>

<div class="row ml-3" ng-if="task.contact.contact.custom_field_answers.length">
<div class="separator"></div>
</div>

<div class="row ml-3 mt-4" ng-if="task.contact.contact.custom_field_answers.length">
<div class="col-12 mb-2">
<i class="fas fa-plus-circle"></i>
<span class="ml-2 title">Custom Fields</span>
</div>
</div>
<div class="row ml-5">
<div class="col-6" ng-repeat="custom_field in task.contact.contact.custom_field_answers | customFieldsFilled track by $index">
<div class="d-flex flex-column">
<strong>{{ custom_field.custom_field.value }}</strong>
<p class="description-detail">{{ custom_field.option? custom_field.option.value : custom_field.answer }}</p>
</div>
</div>
</div>

<div class='row w-100' ng-if="customFieldsNotFilledFiltered.length > 0">
<button
type="button"
class="btn btn-small btn-outline-primary complete-tasks mb-5"
onclick="$('#custom_field_unanswer_fields').toggle('show')"
>
Show/hide unanswered fields
</button>
</div>

<div class="row ml-5" id="custom_field_unanswer_fields" style="display: none;">
<div class="col-6 mb-2"
ng-repeat="custom_field in task.contact.contact.custom_field_answers | customFieldsNotFilled as customFieldsNotFilledFiltered track by $index">
<div class="d-flex flex-column">
<strong>{{ custom_field.custom_field.value }}</strong>
</div>
</div>
</div>

</div>

<div class="w-100 mt-4 task-more-details-container" ng-if="viewCardTabInternal === 'details' && !task.contact && !task.matter">
<div class="row ml-3">
<div class="col-12">
<i class="fa-regular fa-note-sticky"></i>
<span class="ml-2 title">Note</span>
<p class="ml-4 pt-1 description-detail" ng-bind-html="task.card.note"></p>
</div>
</div>

<div class="row ml-3" ng-if="task.card.custom_field_answers.length">
<div class="separator"></div>
</div>

<div class="row ml-3 mt-4" ng-if="task.card.custom_field_answers.length">
<div class="col-12 mb-2">
<i class="fas fa-plus-circle"></i>
<span class="ml-2 title">Custom Fields</span>
</div>
</div>
<div class="row ml-5">
<div class="col-6" ng-repeat="custom_field in task.card.custom_field_answers | customFieldsFilled track by $index">
<div class="d-flex flex-column">
<strong>{{ custom_field.custom_field.value }}</strong>
<p class="description-detail">{{ custom_field.option? custom_field.option.value : custom_field.answer }}</p>
</div>
</div>
</div>

<div class='row w-100' ng-if="customFieldsNotFilledFiltered.length > 0">
<button
type="button"
class="btn btn-small btn-outline-primary complete-tasks mb-5"
onclick="$('#custom_field_unanswer_fields').toggle('show')"
>
Show/hide unanswered fields
</button>
</div>

<div class="row ml-5" id="custom_field_unanswer_fields" style="display: none;">
<div class="col-6 mb-2"
ng-repeat="custom_field in task.card.custom_field_answers | customFieldsNotFilled as customFieldsNotFilledFiltered track by $index">
<div class="d-flex flex-column">
<strong>{{ custom_field.custom_field.value }}</strong>
</div>
</div>
</div>

</div>

</div>

<view-task-checklists task="task" ng-if="task"></view-task-checklists>

<view-task-decision task="task" decisions="task.decisions" ng-if="task.decisions.length"></view-task-decision>

<div class="row ml-0 pb-0 view-card-details" id="worklogs">
<div class="col-12 mt-4">
<h3 style="font-size: 17px;"><i class="fa-solid fa-stopwatch"></i> Worklogs</h3>

<form
name="formLogTask"
ng-submit="createTaskLog(timesheet, formLogTask); dirtyAngularTrix = false"
id="formLogTask"
novalidate
ng-if="::!hasAnyRole('viewer')"
>
<p class="mb-1"><strong class="color-dark">Create a new worklog</strong></p>

<div class="form-row">
<div class="col-12 trix-custom">
<trix-editor
angular-trix
name="description"
ng-model="timesheet.description"
rows="50"
placeholder="What have you been working on?"
onClick="$('#worklog-form-inline').show('slow'), $('#trix-toolbar-trix-worklog').show('slow'), $('#trix-worklog').focus()"
ng-keyup="dirtyAngularTrix = true"
required
id="trix-worklog"
trix-id="trix-worklog"
></trix-editor>
</div>
</div>

<div class="form-row mb-3 mt-3" id="worklog-form-inline" style="display:none;">

<div class="col-4">
<div class="datepicker-container">
<input
type="text"
placeholder="mm/dd/yyyy"
class="form-control datepicker"
autocomplete="off"
name="created_at"
ng-model="timesheet.created_at"
/>
<span class="datepicker-icon"
><i class="fas fa-caret-down"></i
></span>
</div>
</div>
<div class="col-4">
<input
class="form-control"
placeholder="HH:MM"
name="time_logged_in_mins"
ng-model="timesheet.time_logged_in_mins"
time-format
/>
</div>
<!-- <div class="col-4"></div> -->
<div class="col-3">
<button
type="submit"
class="btn btn-primary btn-block mb-3"
ng-disabled="formLogTask.$invalid || loading || hasAnyRole('member') && task.assignee_id != AuthUser.id"
onClick="$('#worklog-form-inline').hide('slow'), $('#trix-toolbar-trix-worklog').hide('slow')"
ng-class="{ loading: loading }"
>
Send
</button>
</div>
<div class="col-1">
<a
class="btn btn-outline-info btn-block mb-3 px-0"
onClick="$('#worklog-form-inline').hide('slow'), $('#trix-toolbar-trix-worklog').hide('slow')"
>
<i class="fad fa-trash"></i>
</a>
</div>
</div>
</form>


<div class="col-12 mt-4 mb-4" ng-show="task.timesheets.length == 0">
<div class="text-center">
<img src="https://app.legalboards.io/img/no-worklog.png" width="50%" />
</div>
</div>

<blockquote
class="blockquote log-task pl-2 ml-0 item-new"
ng-repeat="timesheet in task.timesheets track by timesheet.id"
>
<p
ng-bind-html="timesheet.description | html"
></p>
<footer class="blockquote-footer">
<cite>
<div>
<div
class="user-avatar user-avatar-list raio-30"
ng-class="::$root.getRandomAvatarBackground($index)"
title="{{ timesheet.user.first_name }} {{
timesheet.user.last_name
}}"
style="background-image:url({{ timesheet.user.avatar }});"
>
<span ng-show="!timesheet.user.avatar" class="mr-1">
{{ timesheet.user.initials }}
</span>
</div>
<span class="ml-2 mt-2">
{{ timesheet.created_at | amDateFormat: "L" }}
</span>

<span
ng-show="
timesheet.started_at && !timesheet.ended_at
"
class="ml-2"
>
<i class="fa fa-clock"></i>
Timesheet is running
</span>

<span
class="ml-2 mt-2"
ng-show="!!timesheet.time_logged_in_mins"
>
<strong>
Time Entry:
</strong>
&nbsp; {{
timesheet.time_logged_in_mins
| minutesToTime
}}
</span>
<button
type="button"
class="float-right mt-2 btn btn-sm btn-outline-danger"
ng-click="confirmDeleteTaskLog($index, timesheet)"
ng-if="::!hasAnyRole('viewer')"
ng-disabled="hasAnyRole('member') && task.assignee_id != AuthUser.id"
ng-attr-title="{{
hasAnyRole('member') &&
task.assignee_id != AuthUser.id
? $root.DISABLED_BUTTON_MESSAGE
: ''
}}"
>
<i class="fas fa-trash-alt"></i>
</button>
</div>
</cite>
</footer>
</blockquote>
<div class="col-12 mt-4 mb-4" ng-show="task.timesheets.length > 0">
<span class="ml-2 mt-2">
<strong> Total Time: </strong>&nbsp; {{
task.timesheets | sumTimesheet | minutesToTime
}}
</span>
</div>
</div>
</div>
<div id="bottom"></div>
</div>
</div>
</div>
<script type="text/ng-template" id="removeTaskList.tpl.html">
<div class="modal-body px-4 text-center">
<h2 class="mb-3">Delete List</h2>
<i class="fas fa-exclamation-circle"></i>
<div class="row mt-4">
<div class="col-12">
<p>Are you sure you want to delete this list?</p>
</div>
<div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmDeleteTaskListCallback()">Delete</button></div>
<div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div>
</div>
</div>
</script>

<script type="text/ng-template" id="removeTask.tpl.html">
<div class="modal-body px-4 text-center">
<h2 class="mb-3">Delete Task</h2>
<i class="fas fa-exclamation-circle"></i>
<div class="row mt-4">
<div class="col-12">
<p>Are you sure you want to delete this task?</p>
</div>
<div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmDeleteTaskCallback()">Delete</button></div>
<div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div>
</div>
</div>
</script>

<script type="text/ng-template" id="removeTaskLogs.tpl.html">
<div class="modal-body px-4 text-center">
<h2 class="mb-3">Delete Task Log</h2>
<i class="fas fa-exclamation-circle"></i>
<div class="row mt-4">
<div class="col-12">
<p>Are you sure you want to delete this log?</p>
</div>
<div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmDeleteTaskLogsCallback()">Delete</button></div>
<div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div>
</div>
</div>
</script>

<script type="text/ng-template" id="deleteBulkTasks.tpl.html">
<div class="modal-body px-4 text-center" >
<h2 class="mb-3">Delete Tasks</h2>
<i class="fas fa-exclamation-circle"></i>
<div class="row mt-4">
<div class="col-12">
<p>Are you sure you want to delete this task(s)?</p>
</div>
<div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="taskBulkDelete()">Delete</button></div>
<div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div>
</div>
</div>
</script>

<script type="text/ng-template" id="unlinkPublication.tpl.html">
<div class="modal-body px-4 text-center" >
<h2 class="mb-3">Unlink Publication</h2>
<i class="fas fa-exclamation-circle"></i>
<div class="row mt-4">
<div class="col-12">
<p>Are you sure you want to unlink this publication from the task?</p>
</div>
<div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmUnlinkPublicationCallback()">Yes, Unlink</button></div>
<div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div>
</div>
</div>
</script>
</ng-if>

<ng-if ng-if="::hasAsset('Clio')">
<!-- Slider form S T A R T -->

<div id="form-activity-modal" class="slide-in-contaniner slide-in-form remove">
<button
class="close-btn btn close-form-but"
ng-click="closeClioActiviyForm()"
>
<i class="fas fa-times"></i>
</button>

<div class="slide-form-container">
<h3 ng-show="!activity.id">New Activity</h3>
<h3 ng-show="activity.id">
Edit Activity
</h3>
<form
name="formClioActivity"
ng-submit="saveClioActivity(activity, formClioActivity)"
>
<div class="form-row mb-3" ng-show="!activity.id">
<div class="col-12">
<label>Type</label>

<select
class="select-dropdown"
name="type"
ng-model="activity.type"
required
>
<option value="">Select</option>
<option value="ExpenseEntry">
ExpenseEntry
</option>
<option value="TimeEntry">TimeEntry</option>
</select>
</div>
</div>

<span
class="error"
ng-show="
formClioActivity.type.$dirty &&
formClioActivity.type.$error.required
"
>This field is required.
</span>

<div class="form-row mb-3">
<div class="col-12">
<label>Date</label>
<div class="datepicker-container">
<input
type="text"
placeholder="mm/dd/yyyy"
class="form-control datepicker"
autocomplete="off"
name="date"
ng-model="activity.date"
/>
<span class="datepicker-icon"
><i class="fas fa-caret-down"></i
></span>
</div>
</div>
</div>

<span
class="error"
ng-show="
formClioActivity.date.$dirty &&
formClioActivity.date.$error.required
"
>This field is required.
</span>

<div
class="form-row mb-3"
ng-show="activity.type === 'ExpenseEntry'"
>
<div class="col-12">
<label>Amount</label>
<input
type="text"
class="form-control"
placeholder="Amount"
name="price"
ng-model="activity.price"
ng-required="activity.type === 'ExpenseEntry'"
ui-money-mask
/>
</div>
</div>

<span
class="error"
ng-show="
formClioActivity.price.$dirty &&
formClioActivity.price.$error.required
"
>This field is required.
</span>

<div class="form-row mb-3" ng-show="activity.type === 'TimeEntry'">
<div class="col-12 mb-3">
<label>Quantity</label>
<input
type="text"
class="form-control"
placeholder="Quantity"
name="quantity"
ng-model="activity.quantity"
ng-required="activity.type === 'TimeEntry'"
time-format
/>
</div>

<div class="col-12" ng-if="!activity.id">
<label><strong>Activity Description:</strong></label>
<select
class="form-control"
ng-model="activity.clio_activity_description_id"
ng-options="item.id as item.name group by item.category_type for item in clio_activity_descriptions track by item.id">
<option value="">None</option>
</select>
</div>
</div>

<span
class="error"
ng-show="
formClioActivity.quantity.$dirty &&
formClioActivity.quantity.$error.required
"
>This field is required.
</span>

<div class="form-row mb-3">
<div class="col-12">
<label>Note</label>
<textarea
class="form-control"
ng-model="activity.note"
placeholder="Note"
required
></textarea>
</div>
</div>

<span
class="error"
ng-show="
formClioActivity.note.$dirty &&
formClioActivity.note.$error.required
"
>This field is required.
</span>

<div class="form-row mb-3">
<div class="col-12">
<label>User</label>
<ui-select
autofocus-ui-select
ng-model="activity.user"
theme="select2"
close-on-selet="false"
name="user"
autofocus-ui-select
>
<ui-select-match
allow-clear
placeholder="User"
>
{{ activity.user.name }}
</ui-select-match>
<ui-select-choices
refresh="searchClioUsers($select)"
refresh-delay="1000"
repeat="user in search_clio_users track by $index"
>
{{ user.name }}
<small>({{ user.email }})</small>
</ui-select-choices>
</ui-select>
</div>
</div>

<span
class="error"
ng-show="
formClioActivity.user.$dirty &&
formClioActivity.user.$error.required
"
>This field is required.
</span>

<div class="form-btn-container mt-3">
<button
type="submit"
class="btn btn-primary btn-block mb-3"
ng-disabled="formClioActivity.$invalid || loading"
ng-class="{ loading: loading }"
>
Save
</button>
<button
class="btn btn-outline-secondary btn-block close-form-tab"
ng-click="closeClioActiviyForm(formClioActivity)"
>
Cancel
</button>
</div>
</form>
</div>
</div>

<!-- Slider form E N D -->
<!-- Slider form S T A R T -->

<div id="form-task-modal" class="slide-in-contaniner slide-in-form remove">
<button class="close-btn btn close-form-but" ng-click="closeClioTaskForm()">
<i class="fas fa-times"></i>
</button>

<div class="slide-form-container">
<h3 ng-show="!task_form.id">New Task</h3>
<h3 ng-show="task_form.id">Edit Task</h3>

<form name="formCliotask_form" ng-submit="saveClioTask(task_form, formCliotask_form)">
<div class="form-row mb-3">
<div class="col-12">
<label>Assignee Type</label>
<div class="form-row">
<div class="col-12">
<label
class="radio-container"
for="task-model-assignee-type-user"
ng-click="task_form.assignee_type = 'User'"
>
User
<input
name="task_form_assignee_type"
class="form-check-input"
ng-model="task_form.assignee_type"
type="radio"
id="task-model-assignee-type-user"
value="User"
required
>
<span class="checkmark"></span>
</label>
</div>
<div class="col-12">
<label
class="radio-container"
for="task-model-assignee-type-squad"
ng-click="task_form.assignee_type = 'squad'"
>
Squad
<input
name="task_form_assignee_type"
class="form-check-input"
ng-model="task_form.assignee_type"
type="radio"
id="task-model-assignee-type-squad"
value="squad"
required
/>
<span class="checkmark"></span>

</label>
</div>
</div>
</div>
</div>

<div class="form-row mb-3" ng-if="task_form.assignee_type == 'User'">
<div class="col-12">
<label>Assignee</label>
<div class="form-row">
<ui-select autofocus-ui-select ng-model="task_form.assignee" theme="select2" close-on-selet="false" name="assignee" required>
<ui-select-match allow-clear placeholder="Users / Contacts">
{{
task_form.assignee.first_name
}}
{{ task_form.assignee.last_name }}
</ui-select-match>
<ui-select-choices refresh="clioSearchContactsAndUsers($select, {email_only: true}, automation_assignees)" refresh-delay="1000" repeat="assignee in clio_search_contacts_and_users | filter:{optionType: '!squad'} track by $index" group-by="'optionType'">
{{ assignee.first_name }} {{
assignee.last_name
}}
</ui-select-choices>
</ui-select>
</div>
</div>
</div>

<span class="error" ng-show="
formCliotask_form.assignee.$dirty &&
formCliotask_form.assignee.$error.required
">This field is required.
</span>

<div class="form-row mb-3" ng-if="task_form.assignee_type == 'squad'">
<div class="col-11">
<label>Select a Squad</label>
<ui-select
autofocus-ui-select
ng-model="task_form.squad"
theme="select2"
required
>
<ui-select-match
allow-clear
placeholder="Squad"
>
{{ task_form.squad.name }}
</ui-select-match>
<ui-select-choices
repeat="task_squad in task_squads | filter:$select.search track by $index"
>
{{ task_squad.name }}
</ui-select-choices>
</ui-select>
</div>
<div class="col-1 mt-3">
<button
type="button"
class="btn btn-outline-secondary px-2"
ng-click="openTaskSquadConfig()"
style="margin-top: 45%;"
>
<i class="fas fa-cog"></i>
</button>
</div>
</div>

<div class="form-row mb-3">
<div class="col-12">
<label>Title</label>
<input type="text" class="form-control" placeholder="Title" name="name" ng-model="task_form.name" required />
</div>
</div>

<span class="error" ng-show="
formCliotask_form.name.$dirty &&
formCliotask_form.name.$error.required
">This field is required.
</span>

<div class="form-row mb-3">
<div class="col-12">
<label>Description</label>

<textarea ng-model="task_form.description" class="form-control py-2" name="description"></textarea>
</div>
</div>

<div class="form-row mb-3">
<div class="col-12">
<label>Due on</label>
<div class="datepicker-container">
<input type="text" placeholder="mm/dd/yyyy" class="form-control datepicker" autocomplete="off" name="due_at" ng-model="task_form.due_at" required />
<span class="datepicker-icon"><i class="fas fa-caret-down"></i></span>
</div>
</div>
</div>

<span class="error" ng-show="
formCliotask_form.due_at.$dirty &&
formCliotask_form.due_at.$error.required
">This field is required.
</span>

<div class="form-row mb-3" ng-show="!task_form.id">
<div class="col-12">
<label class="check-container" for="notify_assignee">Notify assignee when task is assigned
<input type="checkbox" class="form-check-input" placeholder="Notify assignee when task is assigned" name="notify_assignee" id="notify_assignee" ng-model="task_form.notify_assignee" ng-value="1" ng-checked="task_form.notify_assignee == 1 || task_form.notify_assignee" ng-click="task_form.notify_assignee = task_form.notify_assignee == 1 ? 0 : 1" />
<span class="checkmark"></span>
</label>
<small></small>
</div>
</div>

<div class="form-row mb-3" ng-show="!task_form.id">
<div class="col-12">
<label class="check-container" for="notify_completion">Notify me when task is completed
<input type="checkbox" class="form-check-input" placeholder="Notify me when task is completed" name="notify_completion" id="notify_completion" ng-model="task_form.notify_completion" ng-value="1" ng-checked="task_form.notify_completion == 1 || task_form.notify_completion" ng-click="task_form.notify_completion = task_form.notify_completion == 1 ? 0 : 1" />
<span class="checkmark"></span>
</label>
<small></small>
</div>
</div>

<div class="form-row mb-3">
<div class="col-12">
<label>
Priority
</label>
<select class="form-control" name="clio_task_priority" ng-model="task_form.priority" ng-options="key as value for (key , value) in clio_task_priorities" required>
</select>
</div>
</div>

<span class="error" ng-show="
formCliotask_form.clio_task_priority.$dirty &&
formCliotask_form.clio_task_priority.$error.required
">This field is required.
</span>

<div class="form-row mb-3">
<div class="col-12">
<label>Status</label>
<ui-select autofocus-ui-select ng-model="task_form.status" theme="select2" close-on-selet="false" name="type" search-enabled="false" required>
<ui-select-match allow-clear placeholder="Status">
{{ task_form.status.name }}
</ui-select-match>
<ui-select-choices repeat="status in clio_task_statuses">
{{ status.name }}
</ui-select-choices>
</ui-select>
</div>
</div>

<span class="error" ng-show="
formCliotask_form.status.$dirty &&
formCliotask_form.status.$error.required
">This field is required.
</span>

<div class="form-row mb-0">
<div class="col-12">
<label>Checklists</label>
<div id="checklistAccordion" class="accordion checklist-accordion w-100 mt-0">
<div class="card border-0 mb-3" style="border: none !important;">
<div id="checklist">
<div class="card border-0 mb-3">
<div>
<div class="card-body p-0 pt-3 pb-1">

<div
class="col-12 complete px-0 mb-1"
ng-repeat="item in task_form.check_lists"
>
<div class="d-flex">
<div class="flex-fill px-2">
<input
class="form-control py-0 px-2 bg-white"
type="text"
ng-model="item.name"
placeholder="Create a new item here..."
ng-keydown="
$event.keyCode === 13 && saveTaskCheckList(task_form, item, $event);
"
/>
</div>
<div class="align-self-center">
<button
class="btn p-0 btn-disable-danger"
type="button"
ng-click="deleteTaskCheckList(task_form, item)"
>
<i class="fa fa-trash text-sm mr-3"></i>
</button>
</div>
</div>
</div>


<div class="form-group position-relative px-3 mt-2">
<input
class="form-control form-control-lg new-item pr-5"
autocomplete="off"
type="text"
name="name"
ng-model="newItem.name"
placeholder="Create a new item here..."
ng-keydown="$event.keyCode === 13 && saveTaskCheckList(task_form, newItem, $event);"

/>
<button
class="btn btn-primary position-absolute p-0"
style="width: 34px;height: 34px;border-radius:50px!important;right:30px;top:10px"
type="button"
ng-click="saveTaskCheckList(task_form, newItem)"
>
<i class="far fa-check"></i>
</button>
</div>

</div>

</div>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="form-row mb-3">
<div class="col-12">
<div id="accordion" class="accordion checklist-accordion w-100 mt-0">
<label>Decisions</label>
<div id="decision">
<div class="card border-0 mb-3" style="border: none !important;">
<div>
<div class="card-body p-0 pt-1 pb-1">

<div
class="col-12 complete px-0 mb-1"
ng-repeat="item in task_form.decisions"
>
<div class="d-flex">
<div class="flex-fill px-2">
<input
class="form-control py-0 px-2 bg-white"
type="text"
ng-model="item.name"
placeholder="Create a new item here..."
ng-keydown="
$event.keyCode === 13 && saveTaskDecision(task_form, item, $event);
"
/>
</div>
<div class="align-self-center">
<button
class="btn p-0 btn-disable-danger"
type="button"
ng-click="deleteTaskDecision(task_form, item)"
>
<i class="fa fa-trash text-sm mr-3"></i>
</button>
</div>
</div>
</div>


<div class="form-group position-relative px-3 mt-2">
<input
class="form-control form-control-lg new-item pr-5"
autocomplete="off"
type="text"
name="name"
ng-model="newDecisionItem.name"
placeholder="Create a new decision option here..."
ng-keydown="$event.keyCode === 13 && saveTaskDecision(task_form, newDecisionItem, $event);"

/>
<button
class="btn btn-primary position-absolute p-0"
style="width: 34px;height: 34px;border-radius:50px!important;right:25px;top:10px"
type="button"
ng-click="saveTaskDecision(task_form, newDecisionItem)"
>
<i class="far fa-check"></i>
</button>
</div>

</div>
</div>
</div>
</div>
</div>
</div>
</div>


<!-- <div class="new-task-modal mb-5 pt-3">
<h4 style="font-size: 17px;" class="color-dark mb-1">Checklist</h4>
<form class="col-12 complete completed-checklist px-3">
<div class="d-flex align-items-center">
<div class="flex-fill px-2">
<input class="form-control py-0 px-2 bg-white" type="text" ng-model="item.name" placeholder="Hours" ng-blur="saveCheckListItem(item, check_list)" />
</div>
<div class="align-self-center">
<button class="btn p-0 btn-disable-danger px-3" type="button" ng-click="deleteCheckListsItems(item)">
<i class="fa fa-trash text-sm"></i>
</button>
</div>
</div>
</form>
<form class="pt-2" ng-submit="saveCheckListItem(newItem, check_list)" ng-if="::!hasAnyRole('viewer')">
<div class="form-group position-relative mb-0">
<input class="form-control form-control-lg new-item pr-5" autocomplete="off" type="text" name="name" ng-model="newItem.name" placeholder="Create a new item here..." />
<button class="btn btn-primary position-absolute p-0" style="width: 25px;height: 25px;border-radius:50px!important;right:10px;top:11px !important"><i class="far fa-check"></i></button>
</div>
</form>
</div> -->

<div class="form-btn-container mt-3">
<button type="submit" class="btn btn-primary btn-block mb-3" ng-disabled="formCliotask_form.$invalid || loading" ng-class="{ loading: loading }">
Save
</button>
<button class="btn btn-outline-secondary btn-block close-form-tab" ng-click="closeClioTaskForm(formClioTask)" type="button">
Cancel
</button>
</div>
</form>
</div>
</div>

<!-- Slider form E N D -->
<!-- Slider form S T A R T -->

<div id="form-note-modal" class="slide-in-contaniner slide-in-form remove">
<button class="close-btn btn close-form-but" ng-click="closeClioNoteForm()">
<i class="fas fa-times"></i>
</button>

<div class="slide-form-container">
<h3 ng-show="!note.id">New Note</h3>
<h3 ng-show="note.id">Edit Note</h3>

<form name="formClioNote" ng-submit="saveClioNote(note, formClioNote)">
<div class="form-row mb-3">
<div class="col-12">
<label>Date</label>
<div class="datepicker-container">
<input
type="text"
placeholder="mm/dd/yyyy"
class="form-control datepicker"
autocomplete="off"
name="date"
ng-model="note.date"
required
/>
<span class="datepicker-icon"
><i class="fas fa-caret-down"></i
></span>
</div>
</div>
</div>

<span
class="error"
ng-show="
formClioNote.date.$dirty &&
formClioNote.date.$error.required
"
>This field is required.
</span>

<div class="form-row mb-3">
<div class="col-12">
<label>Subject</label>
<input
type="text"
class="form-control"
placeholder="Subject"
name="subject"
ng-model="note.subject"
required
/>
</div>
</div>

<span
class="error"
ng-show="
formClioNote.subject.$dirty &&
formClioNote.subject.$error.required
"
>This field is required.
</span>

<div class="form-row mb-3">
<div class="col-12">
<label>Detail</label>

<textarea
ng-model="note.detail"
name="detail"
class="form-control"
required
placeholder="Detail"
></textarea>
</div>
</div>

<span
class="error"
ng-show="
formClioNote.detail.$dirty &&
formClioNote.detail.$error.required
"
>This field is required.
</span>

<div class="form-btn-container mt-3">
<button
type="submit"
class="btn btn-primary btn-block mb-3"
ng-disabled="formClioNote.$invalid || loading"
ng-class="{ loading: loading }"
>
Save
</button>
<button
class="btn btn-outline-secondary btn-block close-form-tab"
ng-click="closeClioNoteForm(formClioNote)"
>
Cancel
</button>
</div>
</form>
</div>
</div>

<!-- Slider form E N D -->
<!-- Slider form S T A R T -->

<div id="form-clio-automation" class="slide-in-contaniner slide-in-form remove">
<button
class="close-btn btn close-form-but"
ng-click="closeClioAutomationForm()"
>
<i class="fas fa-times"></i>
</button>

<div class="slide-form-container">
<h3 ng-show="!automation.id">New Automation</h3>
<h3 ng-show="automation.id">
Edit Automation
</h3>
<form
name="formClioAutomation"
ng-submit="saveClioAutomation(automation, formClioAutomation)"
>
<p class="color-purple font-weight-bold mb-0">
When a new matter is created on Clio
</p>
<div class="form-row mb-3">
<div class="col-12">
<label>Client</label>
<ui-select
autofocus-ui-select
ng-model="automation.clients"
theme="select2"
name="clients"
class="multipleFind"
multiple
>
<ui-select-match
allow-clear
placeholder="All the options"
>
{{ $item.name }}
</ui-select-match>
<ui-select-choices
refresh="clioSearchContacts($select, {})"
refresh-delay="500"
repeat="clio_contact in clio_search_contacts track by clio_contact.id"
>
{{ clio_contact.name }}
</ui-select-choices>
</ui-select>
<small
class="form-text text-muted"
ng-show="automation.clients.length > 0"
>You can select more than one option</small
>
</div>
</div>

<div class="form-row mb-3">
<div class="col-12">
<label>Practice area</label>
<ui-select
autofocus-ui-select
ng-model="automation.areas"
theme="select2"
name="areas"
class="multipleFind"
multiple
>
<ui-select-match
allow-clear
placeholder="All the options"
>
{{ $item.name }}
</ui-select-match>
<ui-select-choices
repeat="area in clio_areas | filter:$select.search track by area.id"
>
{{ area.name }}
</ui-select-choices>
</ui-select>
<small
class="form-text text-muted"
ng-show="automation.areas.length > 0"
>You can select more than one option</small
>
</div>
</div>

<div class="form-row mb-3">
<div class="col-12">
<label>Originating Attorney</label>
<ui-select
autofocus-ui-select
ng-model="automation.originating_attorneys"
theme="select2"
name="originating_attorneys"
class="multipleFind"
multiple
>
<ui-select-match
allow-clear
placeholder="All the options"
>
{{ $item.name }}
</ui-select-match>
<ui-select-choices
repeat="area in clio_users | filter:$select.search track by $index"
>
{{ area.name }}
</ui-select-choices>
</ui-select>
<small
class="form-text text-muted"
ng-show="automation.originating_attorneys.length > 0"
>You can select more than one option</small
>
</div>
</div>

<div class="form-row mb-3">
<div class="col-12">
<label>Responsible Attorney</label>
<ui-select
autofocus-ui-select
ng-model="automation.responsible_attorneys"
theme="select2"
name="responsible_attorneys"
class="multipleFind"
multiple
>
<ui-select-match
allow-clear
placeholder="All the options"
>
{{ $item.name }}
</ui-select-match>
<ui-select-choices
repeat="area in clio_users | filter:$select.search track by $index"
>
{{ area.name }}
</ui-select-choices>
</ui-select>
<small
class="form-text text-muted"
ng-show="automation.responsible_attorneys.length > 0"
>You can select more than one option</small
>
</div>
</div>

<div
class="form-row mb-3"
ng-repeat="custom_field in automation.used_custom_fields track by custom_field.custom_field.id"
>
<div class="col-11">
<label>{{ custom_field.custom_field.name }}</label>
<ng-if
ng-if="
custom_field.custom_field.field_type === 'picklist'
"
>
<select
class="form-control"
ng-model="custom_field.value"
>
<option value="">All</option>
<option
value="{{ option.id }}"
ng-repeat="option in custom_field.custom_field.picklist_options"
>{{ option.option }}</option
>
</select>
</ng-if>
<ng-if
ng-if="
custom_field.custom_field.field_type !== 'picklist'
"
>
<input
type="text"
class="form-control"
placeholder="All"
ng-model="custom_field.value"
/>
</ng-if>
</div>
<div class="col-1 text-right ml-aut align-self-center">
<button
href=""
ng-click="automation.custom_fields.push(custom_field.custom_field); automation.used_custom_fields.splice($index, 1)"
class="btn btn-outline-danger p-2 m-0 mt-4"
type="button"
>
<i class="fas fa-trash"></i>
</button>
</div>
</div>

<div class="form-row mb-3" ng-show="automation.custom_fields">
<div class="col-12">
<label>Filter by Custom Field</label>
<ui-select
autofocus-ui-select
ng-model="customFieldClioSelect"
theme="select2"
name="customFieldClioSelect"
on-select="
handleSelectClioCustomField(
customFieldClioSelect,
automation
)
"
>
<ui-select-match
allow-clear
placeholder="Custom Field"
>
{{ customFieldClioSelect.name }}
</ui-select-match>
<ui-select-choices
repeat="custom_field in automation.custom_fields | filter:$select.search track by $index"
>
{{ custom_field.name }}
</ui-select-choices>
</ui-select>
</div>
</div>

<p class="color-purple font-weight-bold">Add to...</p>
<div class="form-row mb-3">
<div class="col-12">
<label>Column</label>
<ui-select
autofocus-ui-select
ng-model="automation.automation.list"
theme="select2"
name="list"
required
>
<ui-select-match
allow-clear
placeholder="List"
>
{{ automation.automation.list.name }}
</ui-select-match>
<ui-select-choices
repeat="list in lists | filter:{board_id:automation.automation.board.id,name:$select.search} track by $index"
>
{{ list.name }}
</ui-select-choices>
</ui-select>
</div>
</div>

<span
class="error"
ng-show="
formClioAutomation.list.$dirty &&
formClioAutomation.list.$error.required
"
>This field is required.
</span>

<div class="form-btn-container mt-3">
<button
type="submit"
class="btn btn-primary btn-block mb-3"
ng-disabled="formClioAutomation.$invalid || loading"
ng-class="{ loading: loading }"
>
Save
</button>
<button
class="btn btn-outline-secondary btn-block close-form-tab"
type="button"
ng-click="closeClioAutomationForm(formClioAutomation)"
>
Cancel
</button>
</div>
</form>
</div>
</div>

<!-- Slider form E N D -->
<script type="text/ng-template" id="clioDeleteActivity.tpl.html">
<div class="modal-body px-4 text-center" >
<h2 class="mb-3">Delete Activity</h2>
<i class="fas fa-exclamation-circle"></i>
<div class="row mt-4">
<div class="col-12">
<p>Are you sure you want to delete this activity?</p>
</div>
<div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmClioDeleteActivityCallback()">Delete</button></div>
<div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div>
</div>
</div>
</script>

<script type="text/ng-template" id="clioDeleteTask.tpl.html">
<div class="modal-body px-4 text-center" >
<h2 class="mb-3">Delete Task</h2>
<i class="fas fa-exclamation-circle"></i>
<div class="row mt-4">
<div class="col-12">
<p>Are you sure you want to delete this task?</p>
</div>
<div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmClioDeleteTaskCallback()">Delete</button></div>
<div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div>
</div>
</div>
</script>

<script type="text/ng-template" id="clioDeleteNote.tpl.html">
<div class="modal-body px-4 text-center" >
<h2 class="mb-3">Delete Note</h2>
<i class="fas fa-exclamation-circle"></i>
<div class="row mt-4">
<div class="col-12">
<p>Are you sure you want to delete this note?</p>
</div>
<div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmClioDeleteNoteCallback()">Delete</button></div>
<div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div>
</div>
</div>
</script>

<script type="text/ng-template" id="clioDeleteBulkTasks.tpl.html">
<div class="modal-body px-4 text-center" >
<h2 class="mb-3">Delete Tasks</h2>
<i class="fas fa-exclamation-circle"></i>
<div class="row mt-4">
<div class="col-12">
<p>Are you sure you want to delete this task(s)?</p>
</div>
<div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="clioTaskBulkDelete()">Delete</button></div>
<div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div>
</div>
</div>
</script>

<script type="text/ng-template" id="clioCommunicationShow.tpl.html">
<div class="modal-body px-4 text-center" >
<h2 class="mb-3">{{ clioCommunication.subject }}</h2>
<div class="row mt-4">
<div class="col-12">
<p ng-bind-html="clioCommunication.body | htmlToPlaintext | html"></p>
</div>
<div class="col-12"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Close</button></div>
</div>
</div>
</script>
<!-- slide in content S T A R T -->
<div
id="board-view-clio-task-modal"
class="slide-in-contaniner remove"
style="width: 45.5%;"
>
<button type="button" class="close-btn btn" ng-click="closeViewClioTask()">
<i class="fas fa-times"></i>
</button>
<div class="slide-in-content p-0">
<!-- HEADER TITLE -->

<div class="p-4">
<div class="row ml-0 pb-3 border-bottom">
<div class="col-12 mb-4 matter-dropdrow">
<h3 class="mb-0 float-left pl-3 py-2 priority-border-{{ task.priority }}" title=" {{ task.priority }}" title-direction="left" style="border-left: 3px solid transparent;">{{ task.name }}</h3>
<ui-select
allowClear="false"
search-enabled="false"
autofocus-ui-select
ng-model="task.status"
theme="select2"
close-on-selet="true"
name="status"
class="float-right col-3"
ng-change="updateClioTaskStatus(task)"
ng-disabled="::hasAnyRole('viewer')">
Status:
<ui-select-match placeholder="Status1">
{{ task.status.name }}
</ui-select-match>
<ui-select-choices repeat="status in clio_task_statuses | filter: $select.search">
{{ status.name }}
</ui-select-choices>
</ui-select>
<h4 class="float-right m-3">Status:</h4>
</div>

<div class="col-4" ng-if="task.assignee_type !== 'squad'">
<div class="user-avatar user-avatar-list raio-40 mr-2" ng-class="::$root.getRandomAvatarBackground($index)" title="{{ task.assignee.first_name }} {{
task.assignee.last_name
}}" style="background-image:url({{ task.assignee.avatar.url }});">
<span ng-show="!task.assignee.avatar">
{{ task.assignee.first_name[0] }}{{
task.assignee.last_name[0]
}}
</span>
</div>
<strong>Assignee:</strong><br />
{{ task.assignee.first_name }} {{ task.assignee.last_name }}
</div>
<div class="col-4" ng-if="task.assignee_type !== 'squad'">
<div class="user-avatar user-avatar-list raio-40 mr-2" ng-class="::$root.getRandomAvatarBackground($index)" title="{{ task.assigner.first_name }} {{
task.assigner.last_name
}}" style="background-image:url({{ task.assigner.avatar.url }});">
<span ng-show="!task.assigner.avatar">
{{ task.assigner.first_name[0] }}{{
task.assigner.last_name[0]
}}
</span>
</div>
<strong>Reporter:</strong><br />
{{ task.assigner.first_name }} {{ task.assigner.last_name }}
</div>

<div class="col-4" ng-if="task.assignee_type == 'squad'">
<div
class="user-avatar user-avatar-list raio-40 mr-2"
ng-style="{ 'background-color': task.squad.color }"
title="{{ task.squad.name }}"
>
<span>
{{ task.squad.name[0] }}
</span>
</div>
<strong>Assigned to a Squad:</strong><br />
{{ task.squad.name }}
<small uib-tooltip="{{ task.squad.members_names }}">
<i class="far fa-eye"></i>
</small>
</div>

<div class="col-4" ng-if="task.assignee_type == 'squad'">
<div
class="user-avatar user-avatar-list raio-40 mr-2"
ng-class="::$root.getRandomAvatarBackground($index)"
title="{{ task.reporter.first_name }} {{
task.reporter.last_name
}}"
style="background-image:url({{ task.reporter.avatar }});"
>
<span ng-show="!task.reporter.avatar"
>{{ task.reporter.initials }}</span
>
</div>
<strong>Reporter:</strong><br />
{{ task.reporter.first_name }} {{ task.reporter.last_name }}
</div>

<div class="col-4">
<i class="fal fa-calendar-alt"></i>
<strong>Date:</strong><br />
<span ng-class="{
'late-date': $root.now.isAfter(
task.due_at
) && !task.status.is_done
}">
{{ task.due_at | amDateFormat: "L" }}
<small class="late" ng-if="now.isAfter(task.due_at) && !task.status.is_done"><i class="fad fa-engine-warning"></i></small>
</div>

<div class="col-12 mt-4">
<div class="d-flex justify-content-start view-card-internal-tab task-tabs">
<span class="title-view-card mr-4 pb-2"
ng-click="viewCardTabInternal = 'description'"
ng-class="{'tab-active': viewCardTabInternal == 'description'}"
>
<i class="fas fa-align-left mr-1"></i> Description
</span>
<span class="title-view-card ml-4 pb-2 px-2"
ng-click="viewCardTabInternal = 'details'"
ng-class="{'tab-active': viewCardTabInternal == 'details'}"
>
<i class="fas fa-info-circle mr-1"></i>
<span ng-if="task.matter">Matter Details</span>
<span ng-if="task.contact">Contact Details</span>
<span ng-if="!task.matter && !task.contact">Card Details</span>
</span>
</div>
</div>

<div ng-if="viewCardTabInternal === 'description'" >
<div class="col-12 mt-3">
<div class="description-container">
<h4 class="title">
<i class="fas fa-text"></i> <span>Description</span>
</h4>
<div class="message-container">
<span class="message task-description" ng-bind-html="task.description"></span>
</div>
</div>
</div>

<div class="col-12 mt-3 task-action-buttons">
<strong ng-if="::!hasAnyRole('viewer')">
<button
type="button"
ng-click="openClioTaskForm(task)"
class="float-left mt-2 btn-outline-primary btn-sm btn-border btn"
ng-disabled="hasAnyRole('member') && task.reporter_id != AuthUser.id"
ng-attr-title="{{
hasAnyRole('member') && task.reporter_id != AuthUser.id
? $root.DISABLED_BUTTON_MESSAGE
: ''
}}"
>
<i class="fa fa-pencil"></i>
</button>
</strong>

<strong
class="float-left ml-2"
>
<button
class="float-left mt-2 btn-outline-primary btn-sm btn-border btn"
title="Start timer"
title-direction="left"
ng-show="!$root.timerRunning"
ng-click="saveTimer({clio_task: task})"
type="button"
>
<i class="fa-solid fa-alarm-clock"></i>
</button>
</strong>

<strong
class="float-left ml-2 mt-2"
ng-if="::!hasAnyRole('viewer')"
>
<button
type="button"
ng-disabled="hasAnyRole('member') && task.reporter_id != AuthUser.id"
ng-click="confirmClioDeleteTask(task)"
class="btn-sm btn-outline-danger btn"
ng-attr-title="{{
hasAnyRole('member') && task.reporter_id != AuthUser.id
? $root.DISABLED_BUTTON_MESSAGE
: ''
}}"
>
<i class="fa fa-trash"></i>
</button>
</strong>
</div>
</div>

<div class="w-100 mt-4 task-more-details-container" ng-if="viewCardTabInternal === 'details' && task.matter">
<div class="row ml-3">
<div class="col-6">
<i class="fa-regular fa-calendar"></i>
<span class="ml-2 title">Open date</span>
<p class="ml-4 pt-1 description-detail">{{ task.matter.clio_open_date | amDateFormat: "L" }}</p>
</div>

<div class="col-6">
<i class="fa-regular fa-calendar"></i>
<span class="ml-2 title">Pending Date</span>
<p class="ml-4 pt-1 description-detail">{{ task.sourceMatter.pending_date ? (sourceMatter.pending_date | amDateFormat: "L") : '--' }}</p>
</div>

<div class="separator"></div>
</div>

<div class="row ml-3 mt-4">
<div class="col-6">
<i class="far fa-calendar-exclamation"></i>
<span class="ml-2 title">Limitations date</span>
<p class="ml-4 pt-1 description-detail">{{ task.sourceMatter.statute_of_limitations.due_at ? (task.sourceMatter.statute_of_limitations.due_at | amDateFormat: "L") : '--' }}</p>
</div>

<div class="col-6">
<i class="far fa-calendar-times"></i>
<span class="ml-2 title">Close date</span>
<p class="ml-4 pt-1 description-detail">{{ task.sourceMatter.close_date ? (task.sourceMatter.close_date | amDateFormat: "L") : '--' }}</p>
</div>

<div class="separator"></div>
</div>

<div class="row ml-3 mt-4">

<div class="col-6">
<i class="fa-regular fa-suitcase"></i>
<span class="ml-2 title">Number</span>
<p class="ml-4 pt-1 description-detail">{{ task.matter.clio_display_number }}</p>
</div>

<div class="col-6">
<i class="fa-solid fa-tag"></i>
<span class="ml-2 title">Area</span>
<p class="ml-4 pt-1 description-detail">{{ task.matter.clio_practice_area_name }}</p>
</div>

<div class="separator"></div>
</div>

<div class="row ml-3 mt-4">
<div class="col-12">
<i class="fas fa-align-left"></i>
<span class="ml-2 title">Description</span>
<p class="ml-4 pt-1 description-detail">{{ task.sourceMatter.description ? task.sourceMatter.description : '--' }}</p>
</div>

<div class="separator"></div>
</div>

<div class="row ml-3 mt-4">
<div class="col-6">
<i class="far fa-user"></i>
<span class="ml-2 title">Client</span>
<p class="ml-4 pt-1 description-detail" ng-if="task.sourceMatter.client">
{{ task.sourceMatter.client.name }} <span ng-if="task.sourceMatter.client.email">({{ task.sourceMatter.client.email }})</span>
</p>
<p class="ml-4 pt-1 description-detail" ng-if="!task.sourceMatter.client">--</p>
</div>

<div class="col-6">
<i class="far fa-phone"></i>
<span class="ml-2 title">Phone</span>
<p class="ml-4 pt-1 description-detail" ng-if="task.sourceMatter.client">
{{ task.sourceMatter.client.primary_phone_number? task.sourceMatter.client.primary_phone_number : '--' }}
</p>
</div>

<div class="separator"></div>
</div>

<div class="row ml-3 mt-4">
<div class="col-6">
<i class="far fa-user"></i>
<span class="ml-2 title">Responsible Attorney</span>
<p class="ml-4 pt-1 description-detail" ng-if="task.sourceMatter.responsible_attorney">
{{ task.sourceMatter.responsible_attorney.name }} ({{ task.sourceMatter.responsible_attorney.email }})
</p>
<p class="ml-4 pt-1 description-detail" ng-if="!task.sourceMatter.responsible_attorney">--</p>
</div>
<div class="col-6">
<i class="far fa-user-tag"></i>
<span class="ml-2 title">Originating Attorney</span>
<p class="ml-4 pt-1 description-detail" ng-if="task.sourceMatter.originating_attorney">
{{ task.sourceMatter.originating_attorney.name }} ({{ task.sourceMatter.originating_attorney.email }})
</p>
<p class="ml-4 pt-1 description-detail" ng-if="!task.sourceMatter.originating_attorney">--</p>
</div>

<div class="separator"></div>
</div>

<div class="row ml-3 mt-4">
<div class="col-6">
<i class="fal fa-user-alt"></i>
<span class="ml-2 title">Client reference number</span>
<p class="ml-4 pt-1 description-detail">{{ task.sourceMatter.client_reference ? task.sourceMatter.client_reference : '--' }}</p>
</div>

<div class="col-6">
<i class="far fa-map-marker"></i>
<span class="ml-2 title">Location</span>
<p class="ml-4 pt-1 description-detail">{{ task.sourceMatter.location ? task.sourceMatter.location : '--' }}</p>
</div>

<div class="separator"></div>
</div>

<div class="row ml-3 mt-4">
<div class="col-6">
<i class="far fa-file-invoice-dollar"></i>
<span class="ml-2 title">Billable</span>
<p class="ml-4 pt-1 description-detail">{{ task.sourceMatter.billable ? 'Yes' : 'No' }}, {{
task.sourceMatter.billing_method
}}</p>
</div>

<div class="separator" ng-if="task.sourceMatter.custom_field_values.length"></div>
</div>

<div class="row ml-3 mt-4" ng-if="task.sourceMatter.custom_field_values.length">
<div class="col-12 mb-2">
<i class="fas fa-plus-circle"></i>
<span class="ml-2 title">Custom Fields</span>
</div>
</div>
<div class="row ml-5">
<div class="col-6" ng-repeat="custom_field in task.sourceMatter.custom_field_values | clioCustomFieldsFilled">
<div class="d-flex flex-column">
<strong>{{ custom_field.field_name }}</strong>
<p ng-if="custom_field.picklist_option" class="description-detail">+ {{ custom_field.picklist_option.option }}</p>
<p ng-if="custom_field.contact" class="description-detail">+ {{ custom_field.contact.name }}</p>
<p ng-if="['contact', 'matter', 'picklist'].indexOf(custom_field.field_type) == -1" class="description-detail">+ {{ custom_field.value }}</p>
</div>
</div>
</div>

<div class='row w-100' ng-if="clioCustomFieldsNotFilledFiltered.length > 0">
<button
type="button"
class="btn btn-small btn-outline-primary complete-tasks mb-5"
onclick="$('#clio_custom_field_unanswer_fields').toggle('show')"
>
Show/hide unanswered fields
</button>
</div>

<div class="row ml-5" id="clio_custom_field_unanswer_fields" style="display: none;">
<div class="col-6"
ng-repeat="custom_field in task.sourceMatter.custom_field_values | clioCustomFieldsNotFilled as clioCustomFieldsNotFilledFiltered">
<div class="d-flex flex-column">
<strong>{{ custom_field.field_name }}</strong>
</div>
</div>
</div>

</div>

<div class="w-100 mt-4 task-more-details-container" ng-if="viewCardTabInternal === 'details' && task.contact">
<div class="row ml-3">
<div class="col-6">
<i class="fa-regular fa-user"></i>
<span class="ml-2 title">Full Name</span>
<p class="ml-4 pt-1 description-detail">{{ task.contact.contact.full_name}}</p>
</div>

<div class="col-6">
<i class="fa-regular fa-envelope"></i>
<span class="ml-2 title">Email</span>
<p class="ml-4 pt-1 description-detail">{{ task.contact.contact.email ? task.contact.contact.email : '--' }}</p>
</div>

<div class="separator"></div>
</div>

<div class="row mt-4 ml-3">
<div class="col-6">
<i class="fa-regular fa-phone"></i>
<span class="ml-2 title">Phone</span>
<p class="ml-4 pt-1 description-detail">{{ task.contact.contact.phone ? task.contact.contact.phone : '--'}}</p>
</div>

<div class="col-6" ng-if="task.contact.contact.type2 === 'pf'">
<i class="fa-regular fa-building"></i>
<span class="ml-2 title">Company</span>
<p class="ml-4 pt-1 description-detail">{{ task.contact.contact.company ? task.contact.contact.company.full_name : '--' }}</p>
</div>

<div class="separator"></div>
</div>

<div class="row ml-3 mt-4" ng-if="task.contact.contact.addresses.length">
<div class="col-12 mb-2">
<i class="far fa-map-marked"></i>
<span class="ml-2 title">Addresses</span>
</div>
</div>

<div ng-repeat="address in task.contact.contact.addresses">
<div class="row ml-5">
<div class="col-12">
<div class="d-flex flex-column addresses-title">
<strong>{{ address.name }}</strong>
</div>
</div>
</div>

<div class="row mt-2 address-view-item">
<div class="col-4">
<div class="d-flex flex-column">
<strong>Street</strong>
<p class="description-detail">{{ address.street }}</p>
</div>
</div>
<div class="col-4">
<div class="d-flex flex-column">
<strong>City</strong>
<p class="description-detail">{{ address.city }}</p>
</div>
</div>
<div class="col-4">
<div class="d-flex flex-column">
<strong>State</strong>
<p class="description-detail">{{ address.state }}</p>
</div>
</div>
</div>
<div class="row mt-2 address-view-item">
<div class="col-4">
<div class="d-flex flex-column">
<strong>Zipcode</strong>
<p class="description-detail">{{ address.zipcode }}</p>
</div>
</div>
<div class="col-4">
<div class="d-flex flex-column">
<strong>Country</strong>
<p class="description-detail">{{ address.country }}</p>
</div>
</div>
</div>
</div>
</div>

<div class="w-100 mt-4 task-more-details-container" ng-if="viewCardTabInternal === 'details' && !task.contact && !task.matter">
<div class="row ml-3">
<div class="col-12">
<i class="fa-regular fa-note-sticky"></i>
<span class="ml-2 title">Note</span>
<p class="ml-4 pt-1 description-detail" ng-bind-html="task.card.note"></p>
</div>
</div>
</div>

</div>

<view-task-checklists task="task" ng-if="task"></view-task-checklists>
<view-task-decision task="task" decisions="task.decisions" ng-if="task"></view-task-decision>

<div class="row ml-0 pb-0 view-card-details" id="worklogs">
<div class="col-12 mt-4">
<h3 style="font-size: 17px;">Worklogs</h3>

<form name="formLogTask" ng-submit="createClioTaskLog(timesheet, formLogTask)" id="formLogTask" novalidate ng-if="::!hasAnyRole('viewer')">
<p class="mb-1"><strong class="color-dark">Create a new worklog</strong></p>
<div class="col-12 px-0 trix-custom">
<trix-editor angular-trix name="description" ng-model="timesheet.description" ng-focus="!formLogTask.generate_clio_timesheet.$touched ? timesheet.generate_clio_timesheet = 1 : null;" rows="50" placeholder="What have you been working on?" onClick="$('#worklog-clio-form-inline').show('slow'), $('#trix-toolbar-7').show('slow')" ng-keyup="dirtyAngularTrix = true" required trix-id="7"></trix-editor>
</div>

<div class="form-row mb-3 mt-3" id="worklog-clio-form-inline" style="display:none;">
<div class="col-2 pr-0">
<label>
<strong>Date:</strong>
</label>
<div class="datepicker-container">
<input type="text" placeholder="mm/dd/yyyy" class="form-control datepicker px-2" autocomplete="off" name="created_at" ng-model="timesheet.created_at" />
</div>
</div>

<div class="col-3 pl-3">
<label>
<strong>Timesheet Entry:</strong>
</label>
<input class="form-control" placeholder="HH:MM" name="time_logged_in_mins" ng-model="timesheet.time_logged_in_mins" time-format />
</div>

<div class="col-4 pt-4">
<div class="d-flex align-items-start pt-2">
<input id="log-clio-input" type="checkbox" ng-true-value="1" ng-false-value="0" class="mt-1" name="generate_clio_timesheet" ng-model="timesheet.generate_clio_timesheet"/>
<label for="log-clio-input" class="pl-2">
Log this time entry on your Clio Account.
</label>
</div>
</div>

<div class="col-3">
<label><strong>Activity Description:</strong></label>
<select
class="form-control"
ng-model="timesheet.clio_activity_description_id"
ng-options="item.id as item.name group by item.category_type for item in clio_activity_descriptions track by item.id">
<option value="">None</option>
</select>
</div>

<div class="col-2 pt-4">
<button type="submit" class="btn btn-primary btn-block mb-3" ng-disabled="formLogTask.$invalid || loading" onClick="$('#worklog-clio-form-inline').hide('slow'), $('#trix-toolbar-7').hide('slow')" ng-class="{ loading: loading }">
Send
</button>
</div>
<div class="col-1 pt-4">
<a class="btn d-block btn-outline-info btn-block mb-3 px-0" onClick="$('#worklog-clio-form-inline').hide('slow'), $('#trix-toolbar-7').hide('slow')">
<i class="fad fa-trash"></i>
</a>
</div>
</div>
</form>


<div class="col-12 mt-4 mb-4" ng-show="task.timesheets.length == 0">
<div class="text-center">
<img src="https://app.legalboards.io/img/no-worklog.png" width="50%" />
</div>
</div>



<blockquote class="blockquote log-task pl-2 ml-0 item-new" ng-repeat="timesheet in task.timesheets track by timesheet.id">
<p ng-bind-html="timesheet.description"></p>
<footer class="blockquote-footer">
<cite>
<div>
<div class="user-avatar user-avatar-list raio-30" ng-class="::$root.getRandomAvatarBackground($index)" title="{{ timesheet.user.first_name }} {{
timesheet.user.last_name
}}" style="background-image:url({{ timesheet.user.avatar }});">

<span ng-show="!timesheet.user.avatar" class="mr-1">
{{ timesheet.user.initials }}
</span>
</div>
<span class="ml-2 mt-2">
{{ timesheet.created_at | amDateFormat: "L" }}
</span>

<span class="ml-2 mt-2" ng-show="!!timesheet.time_logged_in_mins">
<strong>
Time Entry:
</strong>
&nbsp; {{
timesheet.time_logged_in_mins
| minutesToTime
}}
</span>
<a href="javascript:;" class=" float-right mt-2 btn btn-sm btn-outlane-danger" ng-click="confirmDeleteClioTaskLog($index, timesheet)" ng-if="::!hasAnyRole('viewer')">
<i class="fas fa-trash-alt"></i>
</a>
</div>
</cite>
</footer>
</blockquote>
<div class="col-12 mt-4 mb-4" ng-show="task.timesheets.length > 0">
<span class="ml-2 mt-2">
<strong> Total Time: </strong>&nbsp; {{
task.timesheets | sumTimesheet | minutesToTime
}}
</span>
</div>
</div>
</div>

<div id="bottom"></div>
</div>
</div>
</div>
<!-- slider text E N D -->

<!-- slide in content E N D -->
<script type="text/ng-template" id="removeClioTaskList.tpl.html">
<div class="modal-body px-4 text-center">
<h2 class="mb-3">Delete List</h2>
<i class="fas fa-exclamation-circle"></i>
<div class="row mt-4">
<div class="col-12">
<p>Are you sure you want to delete this list?</p>
</div>
<div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmDeleteTaskListCallback()">Delete</button></div>
<div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div>
</div>
</div>
</script>

<script type="text/ng-template" id="removeClioTaskLogs.tpl.html">
<div class="modal-body px-4 text-center">
<h2 class="mb-3">Delete Task Log</h2>
<i class="fas fa-exclamation-circle"></i>
<div class="row mt-4">
<div class="col-12">
<p>Are you sure you want to delete this log?</p>
</div>
<div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmDeleteClioTaskLogCallback()">Delete</button></div>
<div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div>
</div>
</div>
</script>
</ng-if>

<ng-if ng-if="::hasAsset('LawPay')">
<!-- Slider form S T A R T -->

<div id="lawpay-payment-form" class="slide-in-contaniner slide-in-form remove">
<form
name="lawPayPaymentForm"
ng-submit="submitLawPayPayment(lawpay_payment, lawPayPaymentForm)"
novalidate
>
<button
class="close-btn btn close-form-but"
type="button"
ng-click="closeLawPayPaymentForm(lawPayPaymentForm)"
>
<i class="fas fa-times"></i>
</button>

<div class="slide-form-container">
<h3>New Payment</h3>

<div class="form-row mb-3">
<div class="col-12">
<label>Bill Due Date</label>
<div class="datepicker-container">
<input
type="text"
placeholder="mm/dd/yyyy"
class="form-control datepicker"
autocomplete="off"
name="invoice_date"
ng-model="lawpay_payment.invoice_date"
required
/>
<span class="datepicker-icon"
><i class="fas fa-caret-down"></i
></span>
</div>
</div>
</div>

<span
class="error"
ng-show="
lawPayPaymentForm.invoice_date.$dirty &&
lawPayPaymentForm.invoice_date.$error.required
"
>This field is required.
</span>

<div class="form-row mb-3">
<div class="col-12">
<label>Deposit Account</label>
<select
class="form-control"
name="bank_account_id"
ng-model="lawpay_payment.bank_account_id"
required
>
<option
ng-repeat="bankAccount in lawpay_bank_accounts"
value="{{ bankAccount.id }}"
>
{{ bankAccount.name }}
</option>
</select>
</div>
</div>

<span
class="error"
ng-show="
lawPayPaymentForm.bank_account_id.$dirty &&
lawPayPaymentForm.bank_account_id.$error.required
"
>This field is required.
</span>

<div class="form-row mb-3">
<div class="col-12">
<label>Currency</label>
<select
class="form-control"
name="currency"
ng-model="lawpay_payment.currency"
required
>
<option value="USD">USD</option>
<option value="CAD">CAD</option>
</select>
</div>
</div>

<span
class="error"
ng-show="
lawPayPaymentForm.currency.$dirty &&
lawPayPaymentForm.currency.$error.required
"
>This field is required.
</span>

<div class="form-row mb-3">
<div class="col-12">
<label>Payment Amount</label>
<input
type="text"
class="form-control money"
placeholder="Payment Amount"
name="rate_per_quantity"
ng-model="lawpay_payment.line_items.rate_per_quantity"
required
ui-number-mask="2"
/>
</div>
</div>

<span
class="error"
ng-show="
lawPayPaymentForm.rate_per_quantity.$dirty &&
lawPayPaymentForm.rate_per_quantity.$error.required
"
>This field is required.
</span>

<div class="form-row mb-3">
<div class="col-12">
<label>Subject Line</label>
<input
type="text"
class="form-control"
placeholder="Subject"
name="subject"
ng-model="lawpay_payment.subject"
required
/>
</div>
</div>

<span
class="error"
ng-show="
lawPayPaymentForm.subject.$dirty &&
lawPayPaymentForm.subject.$error.required
"
>This field is required.
</span>

<div class="form-row mb-3">
<div class="col-12">
<label>Payment Description</label>
<textarea
class="form-control"
placeholder="Description"
name="description"
ng-model="lawpay_payment.line_items.description"
required
></textarea>
</div>
</div>

<span
class="error"
ng-show="
lawPayPaymentForm.description.$dirty &&
lawPayPaymentForm.description.$error.required
"
>This field is required.
</span>

<div class="form-btn-container mt-3">
<button
type="submit"
class="btn btn-primary btn-block mb-3"
ng-disabled="lawPayPaymentForm.$invalid || loading"
ng-class="{ loading: loading }"
>
Save
</button>
<button
type="button"
class="btn btn-outline-secondary btn-block close-form-tab"
ng-click="closeLawPayPaymentForm(lawPayPaymentForm)"
>
Cancel
</button>
</div>
</div>
</form>
</div>

<!-- Slider form E N D -->
</ng-if>

<ng-if ng-if="::hasDocumentAsset">
<!-- Slider form S T A R T -->
<div id="documents-form" class="slide-in-contaniner slide-in-form remove">
<button
class="close-btn btn close-form-but"
onClick="$('#sourceDocuments').val(''); $('#documents-form').removeClass('show')"
>
<i class="fas fa-times"></i>
</button>

<div ng-show="loadingUploadingDocument" class="loading-modal">
<img src="https://app.legalboards.io/img/upload-loading.gif" />
</div>

<div class="slide-form-container">
<h3>Upload Documents</h3>
<p>If you want, change the names of your files here, or just save.</p>
<form
name="documentForm"
ng-submit="documentsUploadSubmit()"
>

<p class="color-purple font-weight-bold mt-3 mb-1">
Drive Source
</p>
<div class="row">
<div class="col-12 mt-0">
<select class="from-control" ng-model="sourceDocuments.asset_id" ng-change="setDefaultDocumentDrive();">
<option ng-value="2" ng-if="$root.hasAsset('Clio') && (viewCard.matter_id || viewCard.contact_id)" >Clio Documents</option>
<option ng-value="14" ng-if="$root.hasAsset('GoogleDrive')">Google Drive</option>
<option ng-value="16" ng-if="$root.hasAsset('OneDrive')">One Drive</option>
</select>
</div>
</div>

<p class="color-purple font-weight-bold mt-3 mb-1">
Files to Upload
</p>

<div class="row mt-0" ng-repeat="file in sourceDocuments.files">
<div class="col-12">
<input
type="text"
ng-model="sourceDocuments.names[$index]"
required
class="form-control"
ng-disabled="loading"
/>
</div>
</div>

<div class="form-btn-container mt-3">
<button
type="submit"
class="btn btn-primary btn-block mb-3"
ng-disabled="documentForm.$invalid || loading"
ng-class="{ loading: loading }"
>
Save
</button>
<button
class="btn btn-outline-secondary btn-block close-form-tab"
onClick="$('#sourceDocuments').val(''); $('#documents-form').removeClass('show')"
type="button"
ng-disabled="loading"
>
Cancel
</button>
</div>
</form>
</div>
</div>

<!-- Slider form E N D -->
<script type="text/ng-template" id="deleteDocuments.tpl.html">
<div class="modal-body px-4 text-center">
<h2 class="mb-3">Delete Document</h2>
<i class="fas fa-exclamation-circle"></i>
<div class="row mt-4">
<div class="col-12">
<p>Are you sure you want to delete this document?</p>
</div>
<div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="documentsDeleteConfirmCallback()">Delete</button></div>
<div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div>
</div>
</div>
</script>
<!-- Slider form S T A R T -->
<div id="document-template-form" class="slide-in-contaniner slide-in-form remove">
<button
class="close-btn btn close-form-but"
onClick="$('#document-template-form').removeClass('show')"
>
<i class="fas fa-times"></i>
</button>

<div ng-show="loadingUploadingDocumentTemplate" class="loading-modal">
<img src="https://app.legalboards.io/img/upload-loading.gif" />
</div>

<div class="slide-form-container">
<h3>Update document using template</h3>
<p>Save documents with card information using document templates.</p>
<form
name="documentTemplateForm"
ng-submit="documentTemplateUploadSubmit(document_template, form, generate_pdf)"
>

<p class="color-purple font-weight-bold mt-3 mb-1">
Document Template
</p>
<div class="row">
<div class="col-12 mt-0">
<select ng-required="true" class="from-control" ng-model="document_template">
<option ng-value="" selected disabled>Select Document Template</option>
<option ng-value="document_template.rel_external" ng-repeat="document_template in viewCard.document_templates track by $index">{{document_template.name}}</option>
</select>
</div>
<div class="col-12 mt-3">
<input
id="generate_pdf"
type="checkbox"
ng-true-value="true"
ng-false-value="false"
value='false'
class="mr-1"
name="generate_pdf"
ng-model="generate_pdf"
/>
<label for="generate_pdf">
Generate a copy of the document in PDF format.
</label>
</div>
</div>

<div class="form-btn-container mt-3">
<button
type="submit"
class="btn btn-primary btn-block mb-3"
ng-disabled="documentTemplateForm.$invalid || loading"
ng-class="{ loading: loading }"
>
Save
</button>
<button
class="btn btn-outline-secondary btn-block close-form-tab"
onClick="$('#document-template-form').removeClass('show')"
type="button"
ng-disabled="loading"
>
Cancel
</button>
</div>
</form>
</div>
</div>

<!-- Slider form E N D -->
</ng-if>

<ng-if ng-if="::hasAsset('ClickSign')">
<!-- Slider form S T A R T -->
<div id="documents-signed-form" class="slide-in-contaniner slide-in-form remove">
<button
class="close-btn btn close-form-but"
onClick="$('#documents-signed-form').removeClass('show')"
>
<i class="fas fa-times"></i>
</button>

<div ng-show="loadingSignedDocument" class="loading-modal">
<img src="https://app.legalboards.io/img/upload-loading.gif" />
</div>

<div class="slide-form-container">
<h3>Send document for signature</h3>
<p>Choose whether you want to upload a file or select a document template.</p>
<form
name="documentSignedForm"
ng-submit="documentsSignedSubmit()"
>
<p class="color-purple font-weight-bold mt-3 mb-1">
Asset Document Signed
</p>
<small>Asset that will be used to sign the document.</small>
<div class="row">
<div class="col-12 mt-0">
<select class="from-control" ng-model="signedDocuments.asset_signed" ng-required="true">
<option selected disabled ng-value="''">Select Document Sign Asset</option>
<option ng-value="'clicksign'">ClickSign</option>
</select>
</div>
</div>


<p class="color-purple font-weight-bold mt-4 mb-1">
Select how you want to send the document
</p>
<div class="d-flex mt-2">
<div class="mr-3">
<label for="upload-file">
<input
ng-change="resetTypeDocument()"
ng-required="true"
type="radio"
class="checkbox"
name="signedDocuments.document_type"
ng-value="'upload_file'"
ng-model="signedDocuments.document_type"
id="upload-file"
/>
Upload File
</label>
</div>

<div>
<label for="document-template">
<input
ng-change="resetTypeDocument()"
ng-required="true"
type="radio"
class="checkbox"
name="signedDocuments.document_type"
ng-value="'document_template'"
ng-model="signedDocuments.document_type"
id="document-template"
/>
Document Template
</label>
</div>
</div>

<div ng-if="signedDocuments.document_type === 'upload_file'">
<p class="color-purple font-weight-bold mt-3 mb-1">
File to Upload
</p>

<div class="mb-5">
<label class="btn btn-block btn-sm btn-outline-primary float-right" ng-if="::!hasAnyRole('viewer')">
Select the document to send
<input
ng-required="true"
type="file"
style="display: none;"
id="signedDocuments"
ng-model="signedDocuments.documents"
multiple
onchange="angular.element(this).scope().documentSignedUpload(signedDocuments)"
/>
</label>
</div>
</div>

<div ng-if="signedDocuments.document_type === 'document_template'" class="mt-3 mb-1 position-relative">
<label>Select the document template</label>
<ui-select ng-required="true" autofocus-ui-select ng-model="signedDocuments.document_asset" theme="select2" name="signedDocuments.document_asset">
<ui-select-match allow-clear placeholder="Select Asset">
{{ signedDocuments.document_asset.name }}
</ui-select-match>
<ui-select-choices
repeat="documentTemplate in documentTemplates | filter:$select.search track by $index"
>
{{ documentTemplate.name }}
</ui-select-choices>
</ui-select>
</div>

<div class="row mt-0" ng-if="signedDocuments.file_name">
<div class="col-12">
<input
type="text"
ng-model="signedDocuments.file_name"
required
class="form-control"
ng-disabled="loading"
/>
</div>
</div>

<div class="mt-3 mb-1 position-relative">
<label>Select signature type</label>
<ui-select ng-required="true" autofocus-ui-select ng-model="signedDocuments.signature_type" theme="select2" name="signature_type">
<ui-select-match allow-clear placeholder="Select Signature">
{{ signedDocuments.signature_type.value }}
</ui-select-match>
<ui-select-choices
repeat="signatureType in signaturesType | filter:$select.search track by signatureType.id"
>
{{ signatureType.value }}
</ui-select-choices>
</ui-select>
</div>

<p class="color-purple font-weight-bold mt-4 mb-1">
Asset Document Saved
</p>
<small>Asset that will be used to save the document after it has been signed.</small>
<div class="row">
<div class="col-12 mt-0">
<select class="from-control" ng-required="true" ng-model="signedDocuments.asset_id">
<option selected disabled ng-value="''">Select Document Asset</option>
<option ng-value="14" ng-if="$root.hasAsset('GoogleDrive')">Google Drive</option>
<option ng-value="16" ng-if="$root.hasAsset('OneDrive')">One Drive</option>
</select>
</div>
</div>

<div class="form-btn-container mt-3">
<button
type="submit"
class="btn btn-primary btn-block mb-3"
ng-disabled="documentSignedForm.$invalid || loading"
ng-class="{ loading: loading }"
>
Save
</button>
<button
class="btn btn-outline-secondary btn-block close-form-tab"
onClick="$('#documents-signed-form').removeClass('show')"
type="button"
ng-disabled="loading"
>
Cancel
</button>
</div>
</form>
</div>
</div>

<!-- Slider form E N D -->
<script type="text/ng-template" id="deleteSignedDocument.tpl.html">
<div class="modal-body px-4 text-center">
<h2 class="mb-3">Delete Signed Document</h2>
<i class="fas fa-exclamation-circle"></i>
<div class="row mt-4">
<div class="col-12">
<p>Are you sure you want to delete this signed document?</p>
<p class="text-danger">The document will remain in your Asset; it will only be removed from the Legalboards system.</p>
</div>
<div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="documentSignedDeleteConfirmCallback()">Delete</button></div>
<div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div>
</div>
</div>
</script>
</ng-if>

<ng-if ng-if="wizardMode">
<div
class="wizard-popover-board"
ng-if="wizardFirstCardPosition.top && wizardFirstCardPosition.right"
ng-style="{
'top': wizardFirstCardPosition.top + 'px',
'left': wizardFirstCardPosition.right + 'px'
}"
outside-click="wizardOpenNewCard()"
>
<i class="fas fa-caret-left text-purple"></i>
<p>Click here and create your first card</p>
<button class="show-columns btn btn-success px-lg-5 my-2" ng-click="wizardOpenNewCard()">
NEXT
</button>
</div>

<div
class="wizard-popover-board"
ng-if="wizardFirstSearchPosition.top && wizardFirstSearchPosition.right"
ng-style="{
'top': wizardFirstSearchPosition.top + 'px',
'left': wizardFirstSearchPosition.right + 'px'
}"
outside-click="wizardClose()"
>
<i class="fas fa-caret-left text-purple"></i>
<p ng-if="!wizardHasMattersOrIntegration">
You can search for your client name, or description of the case
</p>
<p ng-if="wizardHasMattersOrIntegration">
You can add a new matter by clicking on the blue icon
</p>
<button class="show-columns btn btn-success px-lg-5 my-2" ng-click="wizardClose()">
CLOSE
</button>
</div>
</ng-if>
</section>
</div>


<script src="https://app.legalboards.io/bower_components/jquery/dist/jquery.min.js"></script>
<script src="https://app.legalboards.io/bower_components/jquery-ui/jquery-ui.min.js"></script>
<!-- Fixing the Touch error for the mobile and tabs -->
<!-- <script src="https://cdn.jsdelivr.net/npm/jquery-ui-touch-punch@0.2.3/jquery.ui.touch-punch.min.js"></script> -->
<script src="https://app.legalboards.io/js/vendor/jquery.ui.touch-punch.min.js"></script>

<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js"></script> -->

<script src="https://app.legalboards.io/js/vendor/popper.min.js"></script>
<script src="https://app.legalboards.io/js/vendor/bootstrap.min.js"></script>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.0/jquery.validate.js"></script> -->
<script src="https://app.legalboards.io/js/vendor/jquery.validate.min.js"></script>
<!-- <script src="//cdnjs.cloudflare.com/ajax/libs/trix/0.9.1/trix.js"></script> -->
<script src="https://app.legalboards.io/js/vendor/trix.js"></script>
<!-- <script src="https://gitcdn.github.io/bootstrap-toggle/2.1.0/js/bootstrap-toggle.min.js"></script>-->
<script src="https://app.legalboards.io/js/vendor/json-formatter.js"></script>
<script>
var BASE_URL = "https://app.legalboards.io";
window.BASE_URL = BASE_URL;
window.AuthUser = {"id":2744,"role_id":null,"initials":"OA","first_name":"Office","last_name":"Admin","email":"accounts@ledyardlaw.com","email_verified_at":"2022-03-25 14:01:59","phone":null,"timezone":"America\/Toronto","language":"en-US","view_option":"normal","avatar":"https:\/\/s3.ca-central-1.amazonaws.com\/production-legalboards\/avatars\/2744\/546968507.png","mautic_contact_id":null,"hubspot_contact_id":2214851,"practice_panther_id":null,"filevine_id":null,"board_id":10471,"clio_user_id":351956236,"clio_account_id":809508660,"clio_sub":"94b5eda98e6d829497203b8f6a70e177","microsoft_id":null,"my_case_user_id":null,"lawmatics_user_id":null,"status":"active","settings":null,"notified_clio_authorization_at":"2024-05-03T13:40:16.000000Z","created_at":"2022-03-25T14:01:46.000000Z","updated_at":"2025-06-17T16:32:27.000000Z","deleted_at":null,"hasOffice365Authorization":true,"hasGoogleCalendarAuthorization":false,"hasLawPayAuthorization":false,"hasDocketwiseAuthorization":false,"hasDocuPlayerAuthorization":false,"full_name":"Office Admin","account":{"id":2004,"name":"Office Admin","stripe":null,"logo":"https:\/\/s3.ca-central-1.amazonaws.com\/production-legalboards\/logos\/2004\/112433529.png","status":"active","mautic_company_id":null,"hubspot_company_id":8321733704,"plan_id":15,"stripe_id":"cus_LQFOeA1zsmjc1w","currency":"usd","clio_subdomain":null,"clio_account_id":809508660,"is_promo":0,"cancel_at_period_end":null,"canceled_at":null,"activated_at":"2022-03-31T19:25:33.000000Z","trial_ends_at":null,"run_automations":1,"practice_area":"PI, WCC, PI Auto","state":"Maryland","country":"United States","website":"ledyardlaw.com","hubspot_analytics_source":"Extension- Clio?","engagement_profile":"Dormant","ga_usage":"Never \/ No-Data","ga_link":"","access_frequency":"daily","automations_executed_monthly":3207,"access_profile":"High","automation_profile":"High","created_at":"2022-03-25T14:01:46.000000Z","updated_at":"2025-06-16T12:07:07.000000Z","deleted_at":null,"laravel_through_key":2744,"is_free_trial":false,"plan":{"id":15,"stripe_id":"price_1KgdisI97KP1gcs1r9ySUMty","stripe_key":"pk_live_0XxG8ahEFfJzFKZvMhu2miYN","title":"Professional","description":null,"currency":"usd","unit_amount":556.8,"recurrency":"yearly","is_beta":0,"limit_viewers":999,"limit_boards":999,"limit_automations":999,"limit_forms":999,"limit_setups":999,"has_contact_module":1,"has_custom_forms_module":1,"has_custom_fields_module":1,"has_reports_module":1,"has_dashboard_module":1,"created_at":null,"updated_at":null},"setups":[{"id":7262,"account_id":2004,"asset_id":2,"type":"integration","status":"active","deleted_at":null,"created_at":"2022-03-25T14:01:46.000000Z","updated_at":"2022-03-25T14:01:46.000000Z","asset":{"id":2,"type":"integration","name":"Clio","document":1,"model":"\\App\\Sources\\Clio\\SourceClio","required_asset_id":null,"created_at":null,"updated_at":null,"deleted_at":null}},{"id":7383,"account_id":2004,"asset_id":11,"type":"plugin","status":"active","deleted_at":null,"created_at":"2022-04-13T19:08:12.000000Z","updated_at":"2022-04-13T19:08:12.000000Z","asset":{"id":11,"type":"plugin","name":"Office365","document":0,"model":null,"required_asset_id":null,"created_at":null,"updated_at":null,"deleted_at":null}},{"id":12231,"account_id":2004,"asset_id":4,"type":"plugin","status":"active","deleted_at":null,"created_at":"2025-05-07T20:09:03.000000Z","updated_at":"2025-05-07T20:09:03.000000Z","asset":{"id":4,"type":"plugin","name":"Tasks","document":0,"model":null,"required_asset_id":null,"created_at":null,"updated_at":null,"deleted_at":null}}],"integration":{"id":7262,"account_id":2004,"asset_id":2,"type":"integration","status":"active","deleted_at":null,"created_at":"2022-03-25T14:01:46.000000Z","updated_at":"2022-03-25T14:01:46.000000Z"}},"account_user":{"id":2722,"user_id":2744,"account_id":2004,"type":"owner","status":"active","created_at":"2022-03-25T14:01:46.000000Z","updated_at":"2022-03-25T14:01:46.000000Z","deleted_at":null},"roles":[{"id":1,"name":"admin","display_name":"admin","guard_name":"web","created_at":"2021-02-16T04:29:05.000000Z","updated_at":"2021-04-16T03:05:19.000000Z","deleted_at":null,"pivot":{"model_id":2744,"role_id":1,"model_type":"App\\User"}}]};
window.PusherKey = '342ed6d361d71fb302e3'
window.PusherCluster = 'us2'
window.Broadcaster = 'pusher'
</script>

<script src="https://app.legalboards.io/js/vendor/laravel-echo-compiled/echo.iife.js"></script>
<script src="https://app.legalboards.io/js/custom.js?v=production-84756eb"></script>
<script src="https://app.legalboards.io/bower_components/select2/dist/js/select2.min.js"></script>
<script src="https://app.legalboards.io/bower_components/moment/min/moment.min.js"></script>
<script src="https://app.legalboards.io/bower_components/moment-timezone/builds/moment-timezone-with-data.min.js"></script>
<!-- <script src="https://js.stripe.com/v3/"></script> -->
<!-- ANGULAR -->
<script src="https://app.legalboards.io/bower_components/angular/angular.min.js"></script>

<script src="https://app.legalboards.io/bower_components/angular-aria/angular-aria.min.js"></script>
<script src="https://app.legalboards.io/bower_components/angular-animate/angular-animate.js"></script>
<script src="https://app.legalboards.io/bower_components/angular-messages/angular-messages.min.js"></script>
<script src="https://app.legalboards.io/bower_components/angular-material/angular-material.min.js"></script>
<script src="https://app.legalboards.io/bower_components/angular-filter/dist/angular-filter.min.js"></script>
<script src="https://app.legalboards.io/bower_components/angular-bootstrap-colorpicker/js/bootstrap-colorpicker-module.min.js"></script>
<script src="https://app.legalboards.io/js/vendor/bootbox.all.min.js"></script>
<script src="https://app.legalboards.io/bower_components/ngBootbox/dist/ngBootbox.min.js"></script>
<script src="https://app.legalboards.io/bower_components/angular-bootstrap/ui-bootstrap-tpls.min.js"></script>
<script src="https://app.legalboards.io/bower_components/angular-ui-select/dist/select.min.js"></script>
<script src="https://app.legalboards.io/bower_components/angular-sanitize/angular-sanitize.min.js"></script>
<script src="https://app.legalboards.io/bower_components/angular-moment/angular-moment.min.js"></script>
<script src="https://app.legalboards.io/js/vendor/jscolor.js"></script>
<script src="https://app.legalboards.io/bower_components/angular-ui-sortable/sortable.min.js"></script>
<script src="https://app.legalboards.io/js/vendor/ui.bootstrap.materialPicker.js"></script>
<script src="https://app.legalboards.io/js/vendor/angular-tooltips-custom.min.js"></script>
<script src="https://app.legalboards.io/bower_components/angular-trix/dist/angular-trix.min.js"></script>
<!--
<script src="https://app.legalboards.io/bower_components/angular-timer/dist/assets/js/angular-timer-bower.js"></script>
-->
<script src="https://app.legalboards.io/bower_components/angular-timer/dist/assets/js/angular-timer-all.min.js"></script>
<script src="https://app.legalboards.io/js/vendor/angular-input-masks/releases/angular-input-masks-standalone.min.js"></script>
<script src="https://app.legalboards.io/js/vendor/angular-input-masks/releases/angular-input-masks-dependencies.min.js"></script>
<script src="https://app.legalboards.io/bower_components/angular-ui-mask/dist/mask.min.js"></script>
<script type="text/javascript" src="https://app.legalboards.io/bower_components/angular-ui-calendar/src/calendar.js"></script>
<script type="text/javascript" src="https://app.legalboards.io/bower_components/fullcalendar/dist/fullcalendar.js"></script>
<script src="https://app.legalboards.io/bower_components/bootstrap-toggle/js/bootstrap-toggle.min.js"></script>


<script src="https://app.legalboards.io/bower_components/bootstrap-daterangepicker/daterangepicker.js"></script>

<script src="https://app.legalboards.io/bower_components/angular-svg-round-progressbar/build/roundProgress.min.js"></script>
<script src="https://app.legalboards.io/bower_components/angular-daterangepicker/js/angular-daterangepicker.min.js"></script>
<script src="https://app.legalboards.io/bower_components/tribute/dist/tribute.min.js"></script>
<script src="https://app.legalboards.io/bower_components/json-formatter/dist/json-formatter.min.js"></script>
<script src="https://app.legalboards.io/bower_components/pusher-js/dist/web/pusher.js"></script>
<script src="https://app.legalboards.io/bower_components/socket.io-client/dist/socket.io.js"></script>

<script src="https://app.legalboards.io/dist/js/app.js?v=production-84756eb"></script>
<script src="https://app.legalboards.io/dist/js/angular-service.js?v=production-84756eb"></script>
<script src="https://app.legalboards.io/js/angular-filters.js?v=production-84756eb"></script>
<script src="https://app.legalboards.io/js/angular-directives.js?v=production-84756eb"></script>
<script src="https://app.legalboards.io/bower_components/angular-translate/angular-translate.min.js"></script>
<script src="https://app.legalboards.io/bower_components/angular-translate-loader-static-files/angular-translate-loader-static-files.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/json-formatter-js@2.5.18/dist/json-formatter.umd.min.js"></script>
<script src="https://app.legalboards.io/dist/js/locales/i18n.js?v=production-84756eb"></script>
<script src="https://app.legalboards.io/dist/js/controllers/sidemenu.js?v=production-84756eb"></script>


<script src="https://app.legalboards.io/dist/js/components/automation/automationController.js?v=production-84756eb"></script>
<script
src="https://app.legalboards.io/dist/js/components/convertContactToMatter/convertContactToMatter.js?v=production-84756eb"></script>
<script src="https://app.legalboards.io/dist/js/components/task_checklists/taskChecklists.js?v=production-84756eb"></script>
<script src="https://app.legalboards.io/dist/js/components/taskDecision/taskDecision.js?v=production-84756eb"></script>
<script src="https://app.legalboards.io/dist/js/components/task_checklists/viewTaskChecklists.js?v=production-84756eb"></script>
<script src="https://app.legalboards.io/dist/js/components/taskDecision/viewTaskDecision.js?v=production-84756eb"></script>
<script src="https://app.legalboards.io/dist/js/controllers/reports.js?v=production-84756eb"></script>

<script>
gtag("event", "user_logged_in");
</script>
<noscript style="padding: 2rem; display:block; position: absolute; top: 0">
Enable Javascript and reload this page to continue.
</noscript>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-nice-select/1.1.0/js/jquery.nice-select.js"></script>
<script>
$(document).on('click', '.list-dropdown , .radio-container', function(e) {
e.stopPropagation();
});

$(document).on('click', '.close-dropdown', function(e) {
$("body").trigger("click");
});

$(".order-list").niceSelect();

$(".search-board").on('input', function() {
if ($(this).val() != "") {
$(this).addClass("active")
} else {
$(this).removeClass("active")
}
});

$(".search-board-icon-clear").on("click", function() {
$(".search-board").val("");
$(".search-board").removeClass("active");
});

$(document).click(function(e) {
if (!$(e.target).is(".dropdown-menu")) {
$(".dropdown-menu").removeClass("show");
}
});


</script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.2.0/socket.io.js"></script>
<script>
window.loadedBoards = [{"id":10471,"account_id":2004,"name":"Auto Accident","description":null,"disable_automation_edit_to_members":1,"disable_column_edit_to_members":1,"run_automations":1,"status":"active","origin":"manual","wizard_reason":null,"created_at":"2024-05-19T15:42:22.000000Z","updated_at":"2025-05-07T15:50:10.000000Z","deleted_at":null,"hide_cards_non_member_viewers":1,"hide_cards_non_member_members":1},{"id":10485,"account_id":2004,"name":"Litigation","description":null,"disable_automation_edit_to_members":0,"disable_column_edit_to_members":1,"run_automations":0,"status":"active","origin":"manual","wizard_reason":null,"created_at":"2024-05-22T15:34:32.000000Z","updated_at":"2025-05-05T13:21:27.000000Z","deleted_at":null,"hide_cards_non_member_viewers":0,"hide_cards_non_member_members":0},{"id":11015,"account_id":2004,"name":"Workers\u0027 Compensation","description":null,"disable_automation_edit_to_members":1,"disable_column_edit_to_members":1,"run_automations":0,"status":"active","origin":"manual","wizard_reason":null,"created_at":"2024-10-23T18:45:43.000000Z","updated_at":"2025-05-05T13:22:31.000000Z","deleted_at":null,"hide_cards_non_member_viewers":0,"hide_cards_non_member_members":0},{"id":11016,"account_id":2004,"name":"Premises Liability","description":null,"disable_automation_edit_to_members":1,"disable_column_edit_to_members":1,"run_automations":0,"status":"active","origin":"manual","wizard_reason":null,"created_at":"2024-10-23T19:00:19.000000Z","updated_at":"2024-11-02T16:15:25.000000Z","deleted_at":null,"hide_cards_non_member_viewers":1,"hide_cards_non_member_members":1},{"id":11017,"account_id":2004,"name":"School Injury","description":null,"disable_automation_edit_to_members":1,"disable_column_edit_to_members":1,"run_automations":0,"status":"active","origin":"manual","wizard_reason":null,"created_at":"2024-10-23T19:15:14.000000Z","updated_at":"2025-05-05T13:22:03.000000Z","deleted_at":null,"hide_cards_non_member_viewers":1,"hide_cards_non_member_members":1},{"id":11018,"account_id":2004,"name":"Medical Malpractice","description":null,"disable_automation_edit_to_members":1,"disable_column_edit_to_members":1,"run_automations":0,"status":"active","origin":"manual","wizard_reason":null,"created_at":"2024-10-23T20:36:35.000000Z","updated_at":"2025-05-05T13:21:40.000000Z","deleted_at":null,"hide_cards_non_member_viewers":1,"hide_cards_non_member_members":1},{"id":11073,"account_id":2004,"name":"State Appeals","description":"Workflow for State Appeals Board","disable_automation_edit_to_members":1,"disable_column_edit_to_members":1,"run_automations":0,"status":"active","origin":"open_ai","wizard_reason":null,"created_at":"2024-11-02T19:42:37.000000Z","updated_at":"2025-05-05T13:22:12.000000Z","deleted_at":null,"hide_cards_non_member_viewers":1,"hide_cards_non_member_members":1},{"id":11074,"account_id":2004,"name":"Federal Appeals","description":"Workflow for State Appeals Board","disable_automation_edit_to_members":0,"disable_column_edit_to_members":1,"run_automations":1,"status":"active","origin":"manual","wizard_reason":null,"created_at":"2024-11-02T20:27:50.000000Z","updated_at":"2024-11-02T20:27:50.000000Z","deleted_at":null,"hide_cards_non_member_viewers":0,"hide_cards_non_member_members":0},{"id":11089,"account_id":2004,"name":"General Negligence","description":null,"disable_automation_edit_to_members":1,"disable_column_edit_to_members":1,"run_automations":0,"status":"active","origin":"manual","wizard_reason":null,"created_at":"2024-11-06T21:06:59.000000Z","updated_at":"2025-05-05T13:21:14.000000Z","deleted_at":null,"hide_cards_non_member_viewers":1,"hide_cards_non_member_members":1},{"id":11093,"account_id":2004,"name":"Trial Prep","description":"Board for preparing for trial stages","disable_automation_edit_to_members":0,"disable_column_edit_to_members":1,"run_automations":0,"status":"active","origin":"open_ai","wizard_reason":null,"created_at":"2024-11-08T22:34:58.000000Z","updated_at":"2025-05-05T13:22:20.000000Z","deleted_at":null,"hide_cards_non_member_viewers":0,"hide_cards_non_member_members":0},{"id":11389,"account_id":2004,"name":"Personal Injury Litigation Workflow","description":"This Kanban board is tailored for a legal firm to manage the various stages of litigation for personal injury cases. The board is intended to help the legal team collaborate effectively and ensure tasks are progressing as planned.","disable_automation_edit_to_members":0,"disable_column_edit_to_members":1,"run_automations":1,"status":"active","origin":"manual","wizard_reason":null,"created_at":"2025-01-22T15:51:02.000000Z","updated_at":"2025-01-22T15:51:02.000000Z","deleted_at":null,"hide_cards_non_member_viewers":0,"hide_cards_non_member_members":0},{"id":11718,"account_id":2004,"name":"Ledyard Law Backlog","description":"Kanban board for tracking tasks across stages and prioritizing for 2-week sprints.","disable_automation_edit_to_members":0,"disable_column_edit_to_members":1,"run_automations":1,"status":"active","origin":"open_ai","wizard_reason":null,"created_at":"2025-05-08T18:36:13.000000Z","updated_at":"2025-05-08T18:37:15.000000Z","deleted_at":null,"hide_cards_non_member_viewers":0,"hide_cards_non_member_members":0}];
window.loadedLists = [{"id":71807,"board_id":10485,"name":"Incoming Client Matter","description":null,"card_limit":null,"order":1,"border_color":null,"status":"active","created_at":"2024-05-22T15:34:33.000000Z","updated_at":"2024-05-22T15:34:33.000000Z","deleted_at":null,"cards_count":81,"cards":[{"id":366789,"list_id":71807,"order":0,"status":"active","pin_date":null,"created_at":"2025-06-17T15:50:43.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":311037,"contact_id":null,"title":"Joseph N. Steiner","subtitle":"2020-00025 Steiner,Joseph","note":"General Negligence","filed_at":null,"last_moved_at":"2025-06-17T15:50:43.000000Z"},{"id":325439,"list_id":71807,"order":1,"status":"active","pin_date":null,"created_at":"2025-01-28T17:43:35.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":271458,"contact_id":null,"title":"Daniel Matthew Hyman","subtitle":"2025-00017 Hyman, Daniel","note":"Wrongful Termination","filed_at":null,"last_moved_at":"2025-01-28T17:43:35.000000Z"},{"id":307261,"list_id":71807,"order":3,"status":"active","pin_date":null,"created_at":"2024-11-08T16:36:30.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":258228,"contact_id":null,"title":"Dominique Thorne","subtitle":"2024-00141 Thorne,Dominique","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-08T16:36:30.000000Z"},{"id":307270,"list_id":71807,"order":4,"status":"active","pin_date":null,"created_at":"2024-11-08T16:47:59.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":257465,"contact_id":null,"title":"Shashi Gupta","subtitle":"2024-00140 Gupta,Shashi","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-08T16:47:59.000000Z"},{"id":307350,"list_id":71807,"order":6,"status":"active","pin_date":null,"created_at":"2024-11-08T19:49:43.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":258262,"contact_id":null,"title":"Jennifer Yadvish","subtitle":"2024-00118 Yadvish,Jennifer","note":"Workers Compensation","filed_at":null,"last_moved_at":"2024-11-08T19:49:43.000000Z"},{"id":307801,"list_id":71807,"order":7,"status":"active","pin_date":null,"created_at":"2024-11-11T21:57:53.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":258406,"contact_id":null,"title":"Christopher (Chris) Mosley Jr","subtitle":"2024-00111 Mosley Jr,Christopher (Chris)","note":"PI","filed_at":null,"last_moved_at":"2024-11-11T21:57:53.000000Z"},{"id":307300,"list_id":71807,"order":8,"status":"active","pin_date":null,"created_at":"2024-11-08T17:11:08.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":255007,"contact_id":null,"title":"Walter Bailey","subtitle":"2024-00088 Bailey,Walter","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-08T17:11:08.000000Z"},{"id":303116,"list_id":71807,"order":9,"status":"active","pin_date":null,"created_at":"2024-10-18T15:53:34.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":255007,"contact_id":null,"title":"Walter Bailey","subtitle":"2024-00088 Bailey,Walter","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T20:43:47.000000Z"},{"id":307298,"list_id":71807,"order":10,"status":"active","pin_date":null,"created_at":"2024-11-08T17:09:01.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":258235,"contact_id":null,"title":"Louis Fortune","subtitle":"2024-00086 Fortune,Louis","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-08T17:09:01.000000Z"},{"id":307297,"list_id":71807,"order":11,"status":"active","pin_date":null,"created_at":"2024-11-08T17:08:08.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":236761,"contact_id":null,"title":"Kamry Haden","subtitle":"2024-00069 Haden,Kamry","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-08T17:08:08.000000Z"}],"first_cards":[{"id":366789,"list_id":71807,"order":0,"status":"active","pin_date":null,"created_at":"2025-06-17T15:50:43.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":311037,"contact_id":null,"title":"Joseph N. Steiner","subtitle":"2020-00025 Steiner,Joseph","note":"General Negligence","filed_at":null,"last_moved_at":"2025-06-17T15:50:43.000000Z"},{"id":325439,"list_id":71807,"order":1,"status":"active","pin_date":null,"created_at":"2025-01-28T17:43:35.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":271458,"contact_id":null,"title":"Daniel Matthew Hyman","subtitle":"2025-00017 Hyman, Daniel","note":"Wrongful Termination","filed_at":null,"last_moved_at":"2025-01-28T17:43:35.000000Z"},{"id":307261,"list_id":71807,"order":3,"status":"active","pin_date":null,"created_at":"2024-11-08T16:36:30.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":258228,"contact_id":null,"title":"Dominique Thorne","subtitle":"2024-00141 Thorne,Dominique","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-08T16:36:30.000000Z"},{"id":307270,"list_id":71807,"order":4,"status":"active","pin_date":null,"created_at":"2024-11-08T16:47:59.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":257465,"contact_id":null,"title":"Shashi Gupta","subtitle":"2024-00140 Gupta,Shashi","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-08T16:47:59.000000Z"},{"id":307350,"list_id":71807,"order":6,"status":"active","pin_date":null,"created_at":"2024-11-08T19:49:43.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":258262,"contact_id":null,"title":"Jennifer Yadvish","subtitle":"2024-00118 Yadvish,Jennifer","note":"Workers Compensation","filed_at":null,"last_moved_at":"2024-11-08T19:49:43.000000Z"},{"id":307801,"list_id":71807,"order":7,"status":"active","pin_date":null,"created_at":"2024-11-11T21:57:53.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":258406,"contact_id":null,"title":"Christopher (Chris) Mosley Jr","subtitle":"2024-00111 Mosley Jr,Christopher (Chris)","note":"PI","filed_at":null,"last_moved_at":"2024-11-11T21:57:53.000000Z"},{"id":307300,"list_id":71807,"order":8,"status":"active","pin_date":null,"created_at":"2024-11-08T17:11:08.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":255007,"contact_id":null,"title":"Walter Bailey","subtitle":"2024-00088 Bailey,Walter","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-08T17:11:08.000000Z"},{"id":303116,"list_id":71807,"order":9,"status":"active","pin_date":null,"created_at":"2024-10-18T15:53:34.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":255007,"contact_id":null,"title":"Walter Bailey","subtitle":"2024-00088 Bailey,Walter","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T20:43:47.000000Z"},{"id":307298,"list_id":71807,"order":10,"status":"active","pin_date":null,"created_at":"2024-11-08T17:09:01.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":258235,"contact_id":null,"title":"Louis Fortune","subtitle":"2024-00086 Fortune,Louis","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-08T17:09:01.000000Z"},{"id":307297,"list_id":71807,"order":11,"status":"active","pin_date":null,"created_at":"2024-11-08T17:08:08.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":236761,"contact_id":null,"title":"Kamry Haden","subtitle":"2024-00069 Haden,Kamry","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-08T17:08:08.000000Z"}]},{"id":71809,"board_id":10485,"name":"Case Review","description":null,"card_limit":null,"order":2,"border_color":null,"status":"active","created_at":"2024-05-22T15:34:33.000000Z","updated_at":"2024-11-02T19:28:18.000000Z","deleted_at":null,"cards_count":19,"cards":[{"id":274369,"list_id":71809,"order":2,"status":"active","pin_date":null,"created_at":"2024-05-23T21:07:39.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230040,"contact_id":null,"title":"Karanda Fe LaQuinta Taylor","subtitle":"2024-00040Taylor, Karanda","note":"School Case","filed_at":null,"last_moved_at":"2024-05-23T21:07:39.000000Z"},{"id":274376,"list_id":71809,"order":3,"status":"active","pin_date":null,"created_at":"2024-05-23T21:09:13.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230063,"contact_id":null,"title":"Louis Fortune","subtitle":"2024-00021 Fortune, Louis","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-05-23T21:09:13.000000Z"},{"id":274372,"list_id":71809,"order":4,"status":"active","pin_date":null,"created_at":"2024-05-23T21:08:10.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":216794,"contact_id":null,"title":"Daniel Meir Simhi","subtitle":"2024-00028 Simhi, Chani","note":"School Case","filed_at":null,"last_moved_at":"2024-05-23T21:08:10.000000Z"},{"id":312159,"list_id":71809,"order":5,"status":"active","pin_date":null,"created_at":"2024-12-03T14:51:23.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230060,"contact_id":null,"title":"Joan Owens","subtitle":"2024-00024 Owens,Joan","note":"Medical Malpractice","filed_at":null,"last_moved_at":"2024-12-03T14:51:23.000000Z"},{"id":307412,"list_id":71809,"order":6,"status":"active","pin_date":null,"created_at":"2024-11-08T23:50:17.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230076,"contact_id":null,"title":"Dejhia S. McLaughlin","subtitle":"2023-00115 McLaughlin,Dejhia","note":"School Case","filed_at":null,"last_moved_at":"2024-11-08T23:50:17.000000Z"},{"id":274385,"list_id":71809,"order":7,"status":"active","pin_date":null,"created_at":"2024-05-23T21:12:09.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230624,"contact_id":null,"title":"Deondra M. Ragins","subtitle":"2023-00097 Ragins, Deondra","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-05-23T21:12:09.000000Z"},{"id":274392,"list_id":71809,"order":8,"status":"active","pin_date":null,"created_at":"2024-05-23T21:13:50.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230631,"contact_id":null,"title":"Keyanna White","subtitle":"2023-00089 White, Keyanna","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-05-23T21:13:50.000000Z"},{"id":307413,"list_id":71809,"order":9,"status":"active","pin_date":null,"created_at":"2024-11-08T23:51:36.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230632,"contact_id":null,"title":"Isabella Hossain","subtitle":"2023-00086 Hossain,Isabella","note":"School Case","filed_at":null,"last_moved_at":"2024-11-08T23:51:36.000000Z"},{"id":274398,"list_id":71809,"order":10,"status":"active","pin_date":null,"created_at":"2024-05-23T21:14:50.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230636,"contact_id":null,"title":"Luis-Mario Ebuka Esono","subtitle":"2023-00081 Ebuka Esono, Luis-Mario","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-05-23T21:14:50.000000Z"},{"id":274405,"list_id":71809,"order":11,"status":"active","pin_date":null,"created_at":"2024-05-23T21:18:25.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230642,"contact_id":null,"title":"Niyanna Deborah Brown","subtitle":"2023-00051 Brown, Niyanna","note":"School Case","filed_at":null,"last_moved_at":"2024-05-23T21:18:25.000000Z"}],"first_cards":[{"id":274369,"list_id":71809,"order":2,"status":"active","pin_date":null,"created_at":"2024-05-23T21:07:39.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230040,"contact_id":null,"title":"Karanda Fe LaQuinta Taylor","subtitle":"2024-00040Taylor, Karanda","note":"School Case","filed_at":null,"last_moved_at":"2024-05-23T21:07:39.000000Z"},{"id":274376,"list_id":71809,"order":3,"status":"active","pin_date":null,"created_at":"2024-05-23T21:09:13.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230063,"contact_id":null,"title":"Louis Fortune","subtitle":"2024-00021 Fortune, Louis","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-05-23T21:09:13.000000Z"},{"id":274372,"list_id":71809,"order":4,"status":"active","pin_date":null,"created_at":"2024-05-23T21:08:10.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":216794,"contact_id":null,"title":"Daniel Meir Simhi","subtitle":"2024-00028 Simhi, Chani","note":"School Case","filed_at":null,"last_moved_at":"2024-05-23T21:08:10.000000Z"},{"id":312159,"list_id":71809,"order":5,"status":"active","pin_date":null,"created_at":"2024-12-03T14:51:23.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230060,"contact_id":null,"title":"Joan Owens","subtitle":"2024-00024 Owens,Joan","note":"Medical Malpractice","filed_at":null,"last_moved_at":"2024-12-03T14:51:23.000000Z"},{"id":307412,"list_id":71809,"order":6,"status":"active","pin_date":null,"created_at":"2024-11-08T23:50:17.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230076,"contact_id":null,"title":"Dejhia S. McLaughlin","subtitle":"2023-00115 McLaughlin,Dejhia","note":"School Case","filed_at":null,"last_moved_at":"2024-11-08T23:50:17.000000Z"},{"id":274385,"list_id":71809,"order":7,"status":"active","pin_date":null,"created_at":"2024-05-23T21:12:09.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230624,"contact_id":null,"title":"Deondra M. Ragins","subtitle":"2023-00097 Ragins, Deondra","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-05-23T21:12:09.000000Z"},{"id":274392,"list_id":71809,"order":8,"status":"active","pin_date":null,"created_at":"2024-05-23T21:13:50.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230631,"contact_id":null,"title":"Keyanna White","subtitle":"2023-00089 White, Keyanna","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-05-23T21:13:50.000000Z"},{"id":307413,"list_id":71809,"order":9,"status":"active","pin_date":null,"created_at":"2024-11-08T23:51:36.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230632,"contact_id":null,"title":"Isabella Hossain","subtitle":"2023-00086 Hossain,Isabella","note":"School Case","filed_at":null,"last_moved_at":"2024-11-08T23:51:36.000000Z"},{"id":274398,"list_id":71809,"order":10,"status":"active","pin_date":null,"created_at":"2024-05-23T21:14:50.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230636,"contact_id":null,"title":"Luis-Mario Ebuka Esono","subtitle":"2023-00081 Ebuka Esono, Luis-Mario","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-05-23T21:14:50.000000Z"},{"id":274405,"list_id":71809,"order":11,"status":"active","pin_date":null,"created_at":"2024-05-23T21:18:25.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230642,"contact_id":null,"title":"Niyanna Deborah Brown","subtitle":"2023-00051 Brown, Niyanna","note":"School Case","filed_at":null,"last_moved_at":"2024-05-23T21:18:25.000000Z"}]},{"id":71810,"board_id":10485,"name":"Filing Phase","description":null,"card_limit":null,"order":3,"border_color":null,"status":"active","created_at":"2024-05-22T15:34:33.000000Z","updated_at":"2024-11-02T19:29:25.000000Z","deleted_at":null,"cards_count":24,"cards":[{"id":324199,"list_id":71810,"order":1,"status":"active","pin_date":null,"created_at":"2025-01-22T23:08:05.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":255023,"contact_id":null,"title":"Don Gross","subtitle":"2024-00109 Gross,Don","note":"Auto Accident","filed_at":null,"last_moved_at":"2025-01-22T23:08:05.000000Z"},{"id":303091,"list_id":71810,"order":2,"status":"active","pin_date":null,"created_at":"2024-10-18T15:44:19.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":236761,"contact_id":null,"title":"Kamry Haden","subtitle":"2024-00069 Haden,Kamry","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:22:02.000000Z"},{"id":303078,"list_id":71810,"order":3,"status":"active","pin_date":null,"created_at":"2024-10-18T15:38:39.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":230282,"contact_id":null,"title":"Janice Cussaac","subtitle":"2024-00058 Cussaac,Janice","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:22:13.000000Z"},{"id":303049,"list_id":71810,"order":5,"status":"active","pin_date":null,"created_at":"2024-10-18T15:21:12.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":224825,"contact_id":null,"title":"William Shaffer","subtitle":"2024-00031 Shaffer,William","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:23:55.000000Z"},{"id":274371,"list_id":71810,"order":6,"status":"active","pin_date":null,"created_at":"2024-05-23T21:07:51.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":224825,"contact_id":null,"title":"William Shaffer","subtitle":"2024-00031 Shaffer,William","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:15:32.000000Z"},{"id":274368,"list_id":71810,"order":7,"status":"active","pin_date":null,"created_at":"2024-05-23T21:07:08.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":223916,"contact_id":null,"title":"Antwon Curtis","subtitle":"2024-00042 Curtis,Antwon","note":"General Negligence","filed_at":null,"last_moved_at":"2024-11-02T16:15:26.000000Z"},{"id":274650,"list_id":71810,"order":8,"status":"active","pin_date":null,"created_at":"2024-05-24T19:55:35.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":219797,"contact_id":null,"title":"Kennedy Mitchell","subtitle":"2024-00034 Mitchell, Kennedy","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:19:47.000000Z"},{"id":274649,"list_id":71810,"order":9,"status":"active","pin_date":null,"created_at":"2024-05-24T19:55:21.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":219368,"contact_id":null,"title":"Dante Edward Green","subtitle":"2024-00033 Green, Dante","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:19:43.000000Z"},{"id":303023,"list_id":71810,"order":10,"status":"active","pin_date":null,"created_at":"2024-10-18T15:10:38.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":216926,"contact_id":null,"title":"Wayne Lucas III","subtitle":"2024-00002 Lucas III,Wayne","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:22:39.000000Z"},{"id":274380,"list_id":71810,"order":11,"status":"active","pin_date":null,"created_at":"2024-05-23T21:10:35.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":216926,"contact_id":null,"title":"Wayne Lucas III","subtitle":"2024-00002 Lucas III, Wayne","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:16:20.000000Z"}],"first_cards":[{"id":324199,"list_id":71810,"order":1,"status":"active","pin_date":null,"created_at":"2025-01-22T23:08:05.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":255023,"contact_id":null,"title":"Don Gross","subtitle":"2024-00109 Gross,Don","note":"Auto Accident","filed_at":null,"last_moved_at":"2025-01-22T23:08:05.000000Z"},{"id":303091,"list_id":71810,"order":2,"status":"active","pin_date":null,"created_at":"2024-10-18T15:44:19.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":236761,"contact_id":null,"title":"Kamry Haden","subtitle":"2024-00069 Haden,Kamry","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:22:02.000000Z"},{"id":303078,"list_id":71810,"order":3,"status":"active","pin_date":null,"created_at":"2024-10-18T15:38:39.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":230282,"contact_id":null,"title":"Janice Cussaac","subtitle":"2024-00058 Cussaac,Janice","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:22:13.000000Z"},{"id":303049,"list_id":71810,"order":5,"status":"active","pin_date":null,"created_at":"2024-10-18T15:21:12.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":224825,"contact_id":null,"title":"William Shaffer","subtitle":"2024-00031 Shaffer,William","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:23:55.000000Z"},{"id":274371,"list_id":71810,"order":6,"status":"active","pin_date":null,"created_at":"2024-05-23T21:07:51.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":224825,"contact_id":null,"title":"William Shaffer","subtitle":"2024-00031 Shaffer,William","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:15:32.000000Z"},{"id":274368,"list_id":71810,"order":7,"status":"active","pin_date":null,"created_at":"2024-05-23T21:07:08.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":223916,"contact_id":null,"title":"Antwon Curtis","subtitle":"2024-00042 Curtis,Antwon","note":"General Negligence","filed_at":null,"last_moved_at":"2024-11-02T16:15:26.000000Z"},{"id":274650,"list_id":71810,"order":8,"status":"active","pin_date":null,"created_at":"2024-05-24T19:55:35.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":219797,"contact_id":null,"title":"Kennedy Mitchell","subtitle":"2024-00034 Mitchell, Kennedy","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:19:47.000000Z"},{"id":274649,"list_id":71810,"order":9,"status":"active","pin_date":null,"created_at":"2024-05-24T19:55:21.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":219368,"contact_id":null,"title":"Dante Edward Green","subtitle":"2024-00033 Green, Dante","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:19:43.000000Z"},{"id":303023,"list_id":71810,"order":10,"status":"active","pin_date":null,"created_at":"2024-10-18T15:10:38.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":216926,"contact_id":null,"title":"Wayne Lucas III","subtitle":"2024-00002 Lucas III,Wayne","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:22:39.000000Z"},{"id":274380,"list_id":71810,"order":11,"status":"active","pin_date":null,"created_at":"2024-05-23T21:10:35.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":216926,"contact_id":null,"title":"Wayne Lucas III","subtitle":"2024-00002 Lucas III, Wayne","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:16:20.000000Z"}]},{"id":71811,"board_id":10485,"name":"Service Phase","description":null,"card_limit":null,"order":4,"border_color":null,"status":"active","created_at":"2024-05-22T15:34:33.000000Z","updated_at":"2024-11-02T19:29:29.000000Z","deleted_at":null,"cards_count":8,"cards":[{"id":303063,"list_id":71811,"order":1,"status":"active","pin_date":null,"created_at":"2024-10-18T15:26:07.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":225750,"contact_id":null,"title":"Lawrencetine Gay","subtitle":"2024-00049 Gay,Lawrencetine","note":"Auto Accident","filed_at":null,"last_moved_at":"2025-01-27T18:33:13.000000Z"},{"id":303084,"list_id":71811,"order":3,"status":"active","pin_date":null,"created_at":"2024-10-18T15:41:22.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":254989,"contact_id":null,"title":"Jeremy Fleming","subtitle":"2024-00062 Fleming,Jeremy","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:24:03.000000Z"},{"id":274373,"list_id":71811,"order":4,"status":"active","pin_date":null,"created_at":"2024-05-23T21:08:23.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":216791,"contact_id":null,"title":"Taylor Brinsfield","subtitle":"2024-00026 Brinsfield, Taylor","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:15:38.000000Z"},{"id":274379,"list_id":71811,"order":5,"status":"active","pin_date":null,"created_at":"2024-05-23T21:10:12.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":230619,"contact_id":null,"title":"Shanice Nelson","subtitle":"2024-00009 Nelson, Shanice","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:16:14.000000Z"},{"id":274419,"list_id":71811,"order":6,"status":"active","pin_date":null,"created_at":"2024-05-23T21:32:50.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":230655,"contact_id":null,"title":"Maria Mariano","subtitle":"2023-00017 Mariano, Maria","note":"General Negligence","filed_at":null,"last_moved_at":"2024-11-02T16:24:00.000000Z"},{"id":274442,"list_id":71811,"order":7,"status":"active","pin_date":null,"created_at":"2024-05-23T21:40:12.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":230674,"contact_id":null,"title":"Ana \u0022Daisy\u0022 Morales","subtitle":"2022-00077 Morales, Ana","note":"Premises Liability","filed_at":null,"last_moved_at":"2024-11-02T16:27:27.000000Z"},{"id":318155,"list_id":71811,"order":8,"status":"active","pin_date":null,"created_at":"2024-12-30T19:21:52.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":79464,"contact_id":null,"title":"Michael Nelson","subtitle":"2022-00019 Nelson,Michael","note":"Premises Liability","filed_at":null,"last_moved_at":"2024-12-30T19:26:49.000000Z"},{"id":275159,"list_id":71811,"order":9,"status":"active","pin_date":null,"created_at":"2024-05-28T19:29:26.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":231051,"contact_id":null,"title":"Makaia Stewart","subtitle":"2021-00113 Stewart,Makaia","note":"School Case","filed_at":null,"last_moved_at":"2024-05-28T19:29:26.000000Z"}],"first_cards":[{"id":303063,"list_id":71811,"order":1,"status":"active","pin_date":null,"created_at":"2024-10-18T15:26:07.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":225750,"contact_id":null,"title":"Lawrencetine Gay","subtitle":"2024-00049 Gay,Lawrencetine","note":"Auto Accident","filed_at":null,"last_moved_at":"2025-01-27T18:33:13.000000Z"},{"id":303084,"list_id":71811,"order":3,"status":"active","pin_date":null,"created_at":"2024-10-18T15:41:22.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":254989,"contact_id":null,"title":"Jeremy Fleming","subtitle":"2024-00062 Fleming,Jeremy","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:24:03.000000Z"},{"id":274373,"list_id":71811,"order":4,"status":"active","pin_date":null,"created_at":"2024-05-23T21:08:23.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":216791,"contact_id":null,"title":"Taylor Brinsfield","subtitle":"2024-00026 Brinsfield, Taylor","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:15:38.000000Z"},{"id":274379,"list_id":71811,"order":5,"status":"active","pin_date":null,"created_at":"2024-05-23T21:10:12.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":230619,"contact_id":null,"title":"Shanice Nelson","subtitle":"2024-00009 Nelson, Shanice","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:16:14.000000Z"},{"id":274419,"list_id":71811,"order":6,"status":"active","pin_date":null,"created_at":"2024-05-23T21:32:50.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":230655,"contact_id":null,"title":"Maria Mariano","subtitle":"2023-00017 Mariano, Maria","note":"General Negligence","filed_at":null,"last_moved_at":"2024-11-02T16:24:00.000000Z"},{"id":274442,"list_id":71811,"order":7,"status":"active","pin_date":null,"created_at":"2024-05-23T21:40:12.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":230674,"contact_id":null,"title":"Ana \u0022Daisy\u0022 Morales","subtitle":"2022-00077 Morales, Ana","note":"Premises Liability","filed_at":null,"last_moved_at":"2024-11-02T16:27:27.000000Z"},{"id":318155,"list_id":71811,"order":8,"status":"active","pin_date":null,"created_at":"2024-12-30T19:21:52.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":79464,"contact_id":null,"title":"Michael Nelson","subtitle":"2022-00019 Nelson,Michael","note":"Premises Liability","filed_at":null,"last_moved_at":"2024-12-30T19:26:49.000000Z"},{"id":275159,"list_id":71811,"order":9,"status":"active","pin_date":null,"created_at":"2024-05-28T19:29:26.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":231051,"contact_id":null,"title":"Makaia Stewart","subtitle":"2021-00113 Stewart,Makaia","note":"School Case","filed_at":null,"last_moved_at":"2024-05-28T19:29:26.000000Z"}]},{"id":71872,"board_id":10485,"name":"Motion to Dismiss","description":null,"card_limit":null,"order":5,"border_color":null,"status":"active","created_at":"2024-05-23T15:55:01.000000Z","updated_at":"2024-11-02T19:29:33.000000Z","deleted_at":null,"cards_count":2,"cards":[{"id":274430,"list_id":71872,"order":1,"status":"active","pin_date":null,"created_at":"2024-05-23T21:36:43.000000Z","updated_at":"2025-01-22T23:24:28.000000Z","deleted_at":null,"matter_id":230666,"contact_id":null,"title":"Parker Ward","subtitle":"2022-00106 Ward, Parker","note":"School Case","filed_at":null,"last_moved_at":"2024-05-23T21:36:43.000000Z"},{"id":324197,"list_id":71872,"order":2,"status":"active","pin_date":null,"created_at":"2025-01-22T23:04:46.000000Z","updated_at":"2025-01-22T23:24:28.000000Z","deleted_at":null,"matter_id":230670,"contact_id":null,"title":"Rohan Seeparsad","subtitle":"2022-00100 Seeparsad,Rohan","note":"Auto Accident","filed_at":null,"last_moved_at":"2025-01-22T23:04:46.000000Z"}],"first_cards":[{"id":274430,"list_id":71872,"order":1,"status":"active","pin_date":null,"created_at":"2024-05-23T21:36:43.000000Z","updated_at":"2025-01-22T23:24:28.000000Z","deleted_at":null,"matter_id":230666,"contact_id":null,"title":"Parker Ward","subtitle":"2022-00106 Ward, Parker","note":"School Case","filed_at":null,"last_moved_at":"2024-05-23T21:36:43.000000Z"},{"id":324197,"list_id":71872,"order":2,"status":"active","pin_date":null,"created_at":"2025-01-22T23:04:46.000000Z","updated_at":"2025-01-22T23:24:28.000000Z","deleted_at":null,"matter_id":230670,"contact_id":null,"title":"Rohan Seeparsad","subtitle":"2022-00100 Seeparsad,Rohan","note":"Auto Accident","filed_at":null,"last_moved_at":"2025-01-22T23:04:46.000000Z"}]},{"id":71874,"board_id":10485,"name":"Mediation","description":null,"card_limit":null,"order":6,"border_color":null,"status":"active","created_at":"2024-05-23T15:57:53.000000Z","updated_at":"2024-11-07T21:23:26.000000Z","deleted_at":null,"cards_count":5,"cards":[{"id":274634,"list_id":71874,"order":1,"status":"active","pin_date":null,"created_at":"2024-05-24T19:34:31.000000Z","updated_at":"2025-01-22T23:24:35.000000Z","deleted_at":null,"matter_id":79620,"contact_id":null,"title":"Madison Waldbauer","subtitle":"2021-00066 Waldbauer,Madison","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:13:53.000000Z"},{"id":302746,"list_id":71874,"order":2,"status":"active","pin_date":null,"created_at":"2024-10-17T19:07:37.000000Z","updated_at":"2025-01-22T23:24:35.000000Z","deleted_at":null,"matter_id":230766,"contact_id":null,"title":"Miley Becoat","subtitle":"2020-00009 Becoat,Miley","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:20:06.000000Z"},{"id":274622,"list_id":71874,"order":3,"status":"active","pin_date":null,"created_at":"2024-05-24T19:18:52.000000Z","updated_at":"2025-01-22T23:24:35.000000Z","deleted_at":null,"matter_id":230766,"contact_id":null,"title":"Miley Becoat","subtitle":"2020-00009 Becoat,Miley","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:26:01.000000Z"},{"id":323969,"list_id":71874,"order":4,"status":"active","pin_date":null,"created_at":"2025-01-22T19:53:06.000000Z","updated_at":"2025-01-22T23:24:35.000000Z","deleted_at":null,"matter_id":79604,"contact_id":null,"title":"Julie Ingham","subtitle":"2019-00075 Ingham,Julie","note":"School Case","filed_at":null,"last_moved_at":"2025-01-22T19:53:06.000000Z"},{"id":274482,"list_id":71874,"order":5,"status":"active","pin_date":null,"created_at":"2024-05-23T21:54:18.000000Z","updated_at":"2025-01-22T23:24:35.000000Z","deleted_at":null,"matter_id":230685,"contact_id":null,"title":"Cathryn Henderson","subtitle":"2018-00081 Henderson,Cathryn","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:26:05.000000Z"}],"first_cards":[{"id":274634,"list_id":71874,"order":1,"status":"active","pin_date":null,"created_at":"2024-05-24T19:34:31.000000Z","updated_at":"2025-01-22T23:24:35.000000Z","deleted_at":null,"matter_id":79620,"contact_id":null,"title":"Madison Waldbauer","subtitle":"2021-00066 Waldbauer,Madison","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:13:53.000000Z"},{"id":302746,"list_id":71874,"order":2,"status":"active","pin_date":null,"created_at":"2024-10-17T19:07:37.000000Z","updated_at":"2025-01-22T23:24:35.000000Z","deleted_at":null,"matter_id":230766,"contact_id":null,"title":"Miley Becoat","subtitle":"2020-00009 Becoat,Miley","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:20:06.000000Z"},{"id":274622,"list_id":71874,"order":3,"status":"active","pin_date":null,"created_at":"2024-05-24T19:18:52.000000Z","updated_at":"2025-01-22T23:24:35.000000Z","deleted_at":null,"matter_id":230766,"contact_id":null,"title":"Miley Becoat","subtitle":"2020-00009 Becoat,Miley","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:26:01.000000Z"},{"id":323969,"list_id":71874,"order":4,"status":"active","pin_date":null,"created_at":"2025-01-22T19:53:06.000000Z","updated_at":"2025-01-22T23:24:35.000000Z","deleted_at":null,"matter_id":79604,"contact_id":null,"title":"Julie Ingham","subtitle":"2019-00075 Ingham,Julie","note":"School Case","filed_at":null,"last_moved_at":"2025-01-22T19:53:06.000000Z"},{"id":274482,"list_id":71874,"order":5,"status":"active","pin_date":null,"created_at":"2024-05-23T21:54:18.000000Z","updated_at":"2025-01-22T23:24:35.000000Z","deleted_at":null,"matter_id":230685,"contact_id":null,"title":"Cathryn Henderson","subtitle":"2018-00081 Henderson,Cathryn","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:26:05.000000Z"}]},{"id":71812,"board_id":10485,"name":"Discovery","description":null,"card_limit":null,"order":7,"border_color":null,"status":"active","created_at":"2024-05-22T15:34:33.000000Z","updated_at":"2024-11-07T21:23:27.000000Z","deleted_at":null,"cards_count":19,"cards":[{"id":312497,"list_id":71812,"order":1,"status":"active","pin_date":null,"created_at":"2024-12-04T17:11:42.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230144,"contact_id":null,"title":"Raul Lopez","subtitle":"2020-00142 Lopez, Raul","note":"3rd Party","filed_at":null,"last_moved_at":"2024-12-04T17:11:42.000000Z"},{"id":303000,"list_id":71812,"order":2,"status":"active","pin_date":null,"created_at":"2024-10-18T15:02:33.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230623,"contact_id":null,"title":"Albert H. Battle Jr.","subtitle":"2023-00108 Battle Jr.,Albert","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:22:49.000000Z"},{"id":274384,"list_id":71812,"order":3,"status":"active","pin_date":null,"created_at":"2024-05-23T21:11:20.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230623,"contact_id":null,"title":"Albert H. Battle Jr.","subtitle":"2023-00108 Battle Jr., Albert","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T15:58:15.000000Z"},{"id":302981,"list_id":71812,"order":4,"status":"active","pin_date":null,"created_at":"2024-10-18T14:55:05.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230094,"contact_id":null,"title":"Donnell Coates","subtitle":"2023-00094 Coates,Donnell","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:23:01.000000Z"},{"id":302977,"list_id":71812,"order":5,"status":"active","pin_date":null,"created_at":"2024-10-18T14:53:39.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230630,"contact_id":null,"title":"Keith Beane","subtitle":"2023-00091 Beane,Keith","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:23:06.000000Z"},{"id":274393,"list_id":71812,"order":6,"status":"active","pin_date":null,"created_at":"2024-05-23T21:14:23.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230632,"contact_id":null,"title":"Isabella Hossain","subtitle":"2023-00086 Hossain, Isabella","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:24:39.000000Z"},{"id":274404,"list_id":71812,"order":8,"status":"active","pin_date":null,"created_at":"2024-05-23T21:18:13.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230641,"contact_id":null,"title":"Lakeisha Hill","subtitle":"2023-00065 Hill, Lakeisha","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:17:22.000000Z"},{"id":274426,"list_id":71812,"order":10,"status":"active","pin_date":null,"created_at":"2024-05-23T21:35:18.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230662,"contact_id":null,"title":"Dasha Day","subtitle":"2022-00118 Day, Dasha","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:24:43.000000Z"},{"id":274429,"list_id":71812,"order":11,"status":"active","pin_date":null,"created_at":"2024-05-23T21:36:28.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230665,"contact_id":null,"title":"Taramathee Seeparsad","subtitle":"2022-00108 Seeparsad, Taramathee","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:25:03.000000Z"},{"id":274435,"list_id":71812,"order":12,"status":"active","pin_date":null,"created_at":"2024-05-23T21:38:21.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230670,"contact_id":null,"title":"Rohan Seeparsad","subtitle":"2022-00100 Seeparsad, Rohan","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:18:34.000000Z"}],"first_cards":[{"id":312497,"list_id":71812,"order":1,"status":"active","pin_date":null,"created_at":"2024-12-04T17:11:42.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230144,"contact_id":null,"title":"Raul Lopez","subtitle":"2020-00142 Lopez, Raul","note":"3rd Party","filed_at":null,"last_moved_at":"2024-12-04T17:11:42.000000Z"},{"id":303000,"list_id":71812,"order":2,"status":"active","pin_date":null,"created_at":"2024-10-18T15:02:33.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230623,"contact_id":null,"title":"Albert H. Battle Jr.","subtitle":"2023-00108 Battle Jr.,Albert","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:22:49.000000Z"},{"id":274384,"list_id":71812,"order":3,"status":"active","pin_date":null,"created_at":"2024-05-23T21:11:20.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230623,"contact_id":null,"title":"Albert H. Battle Jr.","subtitle":"2023-00108 Battle Jr., Albert","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T15:58:15.000000Z"},{"id":302981,"list_id":71812,"order":4,"status":"active","pin_date":null,"created_at":"2024-10-18T14:55:05.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230094,"contact_id":null,"title":"Donnell Coates","subtitle":"2023-00094 Coates,Donnell","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:23:01.000000Z"},{"id":302977,"list_id":71812,"order":5,"status":"active","pin_date":null,"created_at":"2024-10-18T14:53:39.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230630,"contact_id":null,"title":"Keith Beane","subtitle":"2023-00091 Beane,Keith","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:23:06.000000Z"},{"id":274393,"list_id":71812,"order":6,"status":"active","pin_date":null,"created_at":"2024-05-23T21:14:23.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230632,"contact_id":null,"title":"Isabella Hossain","subtitle":"2023-00086 Hossain, Isabella","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:24:39.000000Z"},{"id":274404,"list_id":71812,"order":8,"status":"active","pin_date":null,"created_at":"2024-05-23T21:18:13.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230641,"contact_id":null,"title":"Lakeisha Hill","subtitle":"2023-00065 Hill, Lakeisha","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:17:22.000000Z"},{"id":274426,"list_id":71812,"order":10,"status":"active","pin_date":null,"created_at":"2024-05-23T21:35:18.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230662,"contact_id":null,"title":"Dasha Day","subtitle":"2022-00118 Day, Dasha","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:24:43.000000Z"},{"id":274429,"list_id":71812,"order":11,"status":"active","pin_date":null,"created_at":"2024-05-23T21:36:28.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230665,"contact_id":null,"title":"Taramathee Seeparsad","subtitle":"2022-00108 Seeparsad, Taramathee","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:25:03.000000Z"},{"id":274435,"list_id":71812,"order":12,"status":"active","pin_date":null,"created_at":"2024-05-23T21:38:21.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230670,"contact_id":null,"title":"Rohan Seeparsad","subtitle":"2022-00100 Seeparsad, Rohan","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:18:34.000000Z"}]},{"id":71876,"board_id":10485,"name":"Dispositive Motion Stage","description":null,"card_limit":null,"order":8,"border_color":null,"status":"active","created_at":"2024-05-23T19:41:29.000000Z","updated_at":"2024-11-07T21:23:27.000000Z","deleted_at":null,"cards_count":4,"cards":[{"id":275161,"list_id":71876,"order":1,"status":"active","pin_date":null,"created_at":"2024-05-28T19:31:45.000000Z","updated_at":"2025-01-22T23:24:46.000000Z","deleted_at":null,"matter_id":77555,"contact_id":null,"title":"Josiah Brummell","subtitle":"2021-00017 Brummell,Josiah","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:14:31.000000Z"},{"id":274624,"list_id":71876,"order":2,"status":"active","pin_date":null,"created_at":"2024-05-24T19:19:57.000000Z","updated_at":"2025-01-22T23:24:46.000000Z","deleted_at":null,"matter_id":79563,"contact_id":null,"title":"Michael Myronuk, Jr.","subtitle":"2021-00014 Myronuk, Jr.,Michael","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:25:54.000000Z"},{"id":302485,"list_id":71876,"order":3,"status":"active","pin_date":null,"created_at":"2024-10-16T19:44:51.000000Z","updated_at":"2025-01-22T23:24:46.000000Z","deleted_at":null,"matter_id":79604,"contact_id":null,"title":"Julie Ingham","subtitle":"2019-00075 Ingham,Julie","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:13:35.000000Z"},{"id":274467,"list_id":71876,"order":4,"status":"active","pin_date":null,"created_at":"2024-05-23T21:50:04.000000Z","updated_at":"2025-01-22T23:24:46.000000Z","deleted_at":null,"matter_id":79604,"contact_id":null,"title":"Julie Ingham","subtitle":"2019-00075 Ingham,Julie","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:29:19.000000Z"}],"first_cards":[{"id":275161,"list_id":71876,"order":1,"status":"active","pin_date":null,"created_at":"2024-05-28T19:31:45.000000Z","updated_at":"2025-01-22T23:24:46.000000Z","deleted_at":null,"matter_id":77555,"contact_id":null,"title":"Josiah Brummell","subtitle":"2021-00017 Brummell,Josiah","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:14:31.000000Z"},{"id":274624,"list_id":71876,"order":2,"status":"active","pin_date":null,"created_at":"2024-05-24T19:19:57.000000Z","updated_at":"2025-01-22T23:24:46.000000Z","deleted_at":null,"matter_id":79563,"contact_id":null,"title":"Michael Myronuk, Jr.","subtitle":"2021-00014 Myronuk, Jr.,Michael","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:25:54.000000Z"},{"id":302485,"list_id":71876,"order":3,"status":"active","pin_date":null,"created_at":"2024-10-16T19:44:51.000000Z","updated_at":"2025-01-22T23:24:46.000000Z","deleted_at":null,"matter_id":79604,"contact_id":null,"title":"Julie Ingham","subtitle":"2019-00075 Ingham,Julie","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:13:35.000000Z"},{"id":274467,"list_id":71876,"order":4,"status":"active","pin_date":null,"created_at":"2024-05-23T21:50:04.000000Z","updated_at":"2025-01-22T23:24:46.000000Z","deleted_at":null,"matter_id":79604,"contact_id":null,"title":"Julie Ingham","subtitle":"2019-00075 Ingham,Julie","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:29:19.000000Z"}]},{"id":71877,"board_id":10485,"name":"Case Closure","description":null,"card_limit":null,"order":9,"border_color":null,"status":"active","created_at":"2024-05-23T19:42:14.000000Z","updated_at":"2024-11-07T21:23:04.000000Z","deleted_at":null,"cards_count":10,"cards":[{"id":274638,"list_id":71877,"order":1,"status":"active","pin_date":null,"created_at":"2024-05-24T19:46:41.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":230077,"contact_id":null,"title":"John Abolarin","subtitle":"2023-00114 Abolarin, John","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:18:55.000000Z"},{"id":274406,"list_id":71877,"order":2,"status":"active","pin_date":null,"created_at":"2024-05-23T21:18:54.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":230643,"contact_id":null,"title":"Wendell Postell","subtitle":"2023-00046 Postell, Wendell","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:27:55.000000Z"},{"id":274412,"list_id":71877,"order":3,"status":"active","pin_date":null,"created_at":"2024-05-23T21:21:23.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":230649,"contact_id":null,"title":"Jamard Robinson","subtitle":"2023-00022 Robinson, Jamard","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:27:52.000000Z"},{"id":274423,"list_id":71877,"order":4,"status":"active","pin_date":null,"created_at":"2024-05-23T21:34:10.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":230659,"contact_id":null,"title":"Tracy Garner","subtitle":"2023-00006 Garner, Tracy","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:27:49.000000Z"},{"id":274439,"list_id":71877,"order":5,"status":"active","pin_date":null,"created_at":"2024-05-23T21:39:24.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":230672,"contact_id":null,"title":"Kira Heward","subtitle":"2022-00089 Heward, Kira","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:27:36.000000Z"},{"id":274450,"list_id":71877,"order":6,"status":"active","pin_date":null,"created_at":"2024-05-23T21:42:54.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":77365,"contact_id":null,"title":"Jacquelyn Rogers","subtitle":"2022-00055 Rogers,Jacquelyn","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:21:30.000000Z"},{"id":274456,"list_id":71877,"order":7,"status":"active","pin_date":null,"created_at":"2024-05-23T21:45:13.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":79455,"contact_id":null,"title":"Patricia Rodman","subtitle":"2022-00030 Rodman,Patricia","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:21:26.000000Z"},{"id":275120,"list_id":71877,"order":8,"status":"active","pin_date":null,"created_at":"2024-05-28T18:47:33.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":79562,"contact_id":null,"title":"Edward Ransome","subtitle":"2020-00015 Ransome,Edward","note":"Workers Compensation","filed_at":null,"last_moved_at":"2024-05-28T18:47:33.000000Z"},{"id":314811,"list_id":71877,"order":9,"status":"active","pin_date":null,"created_at":"2024-12-17T16:08:19.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":77482,"contact_id":null,"title":"Connor Powers","subtitle":"2018-00064 Powers,Connor","note":"School Case","filed_at":null,"last_moved_at":"2024-12-17T16:08:19.000000Z"},{"id":274487,"list_id":71877,"order":10,"status":"active","pin_date":null,"created_at":"2024-05-23T21:55:54.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":79577,"contact_id":null,"title":"Tausha Bruce","subtitle":"2017-00118 Bruce,Tausha","note":"Workers Compensation","filed_at":null,"last_moved_at":"2024-11-02T16:17:33.000000Z"}],"first_cards":[{"id":274638,"list_id":71877,"order":1,"status":"active","pin_date":null,"created_at":"2024-05-24T19:46:41.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":230077,"contact_id":null,"title":"John Abolarin","subtitle":"2023-00114 Abolarin, John","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:18:55.000000Z"},{"id":274406,"list_id":71877,"order":2,"status":"active","pin_date":null,"created_at":"2024-05-23T21:18:54.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":230643,"contact_id":null,"title":"Wendell Postell","subtitle":"2023-00046 Postell, Wendell","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:27:55.000000Z"},{"id":274412,"list_id":71877,"order":3,"status":"active","pin_date":null,"created_at":"2024-05-23T21:21:23.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":230649,"contact_id":null,"title":"Jamard Robinson","subtitle":"2023-00022 Robinson, Jamard","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:27:52.000000Z"},{"id":274423,"list_id":71877,"order":4,"status":"active","pin_date":null,"created_at":"2024-05-23T21:34:10.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":230659,"contact_id":null,"title":"Tracy Garner","subtitle":"2023-00006 Garner, Tracy","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:27:49.000000Z"},{"id":274439,"list_id":71877,"order":5,"status":"active","pin_date":null,"created_at":"2024-05-23T21:39:24.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":230672,"contact_id":null,"title":"Kira Heward","subtitle":"2022-00089 Heward, Kira","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:27:36.000000Z"},{"id":274450,"list_id":71877,"order":6,"status":"active","pin_date":null,"created_at":"2024-05-23T21:42:54.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":77365,"contact_id":null,"title":"Jacquelyn Rogers","subtitle":"2022-00055 Rogers,Jacquelyn","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:21:30.000000Z"},{"id":274456,"list_id":71877,"order":7,"status":"active","pin_date":null,"created_at":"2024-05-23T21:45:13.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":79455,"contact_id":null,"title":"Patricia Rodman","subtitle":"2022-00030 Rodman,Patricia","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:21:26.000000Z"},{"id":275120,"list_id":71877,"order":8,"status":"active","pin_date":null,"created_at":"2024-05-28T18:47:33.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":79562,"contact_id":null,"title":"Edward Ransome","subtitle":"2020-00015 Ransome,Edward","note":"Workers Compensation","filed_at":null,"last_moved_at":"2024-05-28T18:47:33.000000Z"},{"id":314811,"list_id":71877,"order":9,"status":"active","pin_date":null,"created_at":"2024-12-17T16:08:19.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":77482,"contact_id":null,"title":"Connor Powers","subtitle":"2018-00064 Powers,Connor","note":"School Case","filed_at":null,"last_moved_at":"2024-12-17T16:08:19.000000Z"},{"id":274487,"list_id":71877,"order":10,"status":"active","pin_date":null,"created_at":"2024-05-23T21:55:54.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":79577,"contact_id":null,"title":"Tausha Bruce","subtitle":"2017-00118 Bruce,Tausha","note":"Workers Compensation","filed_at":null,"last_moved_at":"2024-11-02T16:17:33.000000Z"}]},{"id":75834,"board_id":10485,"name":"Follow-Up \u0026 Communication","description":null,"card_limit":null,"order":10,"border_color":null,"status":"active","created_at":"2024-10-17T18:28:38.000000Z","updated_at":"2024-11-02T19:30:14.000000Z","deleted_at":null,"cards_count":2,"cards":[{"id":324057,"list_id":75834,"order":1,"status":"active","pin_date":null,"created_at":"2025-01-22T20:46:20.000000Z","updated_at":"2025-01-22T23:25:03.000000Z","deleted_at":null,"matter_id":230780,"contact_id":null,"title":"Minnie Brown","subtitle":"2021-00023 Brown,Minnie","note":"Medical Malpractice","filed_at":null,"last_moved_at":"2025-01-22T20:46:20.000000Z"},{"id":324053,"list_id":75834,"order":2,"status":"active","pin_date":null,"created_at":"2025-01-22T20:44:58.000000Z","updated_at":"2025-01-22T23:25:03.000000Z","deleted_at":null,"matter_id":79563,"contact_id":null,"title":"Michael Myronuk, Jr.","subtitle":"2021-00014 Myronuk, Jr.,Michael","note":"School Case","filed_at":null,"last_moved_at":"2025-01-22T20:44:58.000000Z"}],"first_cards":[{"id":324057,"list_id":75834,"order":1,"status":"active","pin_date":null,"created_at":"2025-01-22T20:46:20.000000Z","updated_at":"2025-01-22T23:25:03.000000Z","deleted_at":null,"matter_id":230780,"contact_id":null,"title":"Minnie Brown","subtitle":"2021-00023 Brown,Minnie","note":"Medical Malpractice","filed_at":null,"last_moved_at":"2025-01-22T20:46:20.000000Z"},{"id":324053,"list_id":75834,"order":2,"status":"active","pin_date":null,"created_at":"2025-01-22T20:44:58.000000Z","updated_at":"2025-01-22T23:25:03.000000Z","deleted_at":null,"matter_id":79563,"contact_id":null,"title":"Michael Myronuk, Jr.","subtitle":"2021-00014 Myronuk, Jr.,Michael","note":"School Case","filed_at":null,"last_moved_at":"2025-01-22T20:44:58.000000Z"}]},{"id":71813,"board_id":10485,"name":"Settlement","description":null,"card_limit":null,"order":11,"border_color":null,"status":"active","created_at":"2024-05-22T15:34:33.000000Z","updated_at":"2024-11-07T21:23:04.000000Z","deleted_at":null,"cards_count":68,"cards":[{"id":366790,"list_id":71813,"order":0,"status":"active","pin_date":null,"created_at":"2025-06-17T15:51:23.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":77524,"contact_id":null,"title":"Estate of Patrice Cochran","subtitle":"2020-00034 Cochran,Patrice","note":"Medical Malpractice","filed_at":null,"last_moved_at":"2025-06-17T15:51:23.000000Z"},{"id":274407,"list_id":71813,"order":1,"status":"active","pin_date":null,"created_at":"2024-05-23T21:19:10.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":230644,"contact_id":null,"title":"Karen Morgan","subtitle":"2023-00042 Morgan, Karen","note":"Premises Liability","filed_at":null,"last_moved_at":"2025-03-25T16:31:10.000000Z"},{"id":307931,"list_id":71813,"order":2,"status":"active","pin_date":null,"created_at":"2024-11-12T13:22:36.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":79567,"contact_id":null,"title":"Mary Grace Burrows","subtitle":"2021-00071 Burrows,Mary Grace","note":"School Case","filed_at":null,"last_moved_at":"2025-03-12T19:55:08.000000Z"},{"id":274623,"list_id":71813,"order":3,"status":"active","pin_date":null,"created_at":"2024-05-24T19:19:16.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":79594,"contact_id":null,"title":"Raul Lopez","subtitle":"2020-00063 Lopez,Raul","note":"Workers\u0027 Compensation","filed_at":null,"last_moved_at":"2025-03-12T19:42:14.000000Z"},{"id":274462,"list_id":71813,"order":4,"status":"active","pin_date":null,"created_at":"2024-05-23T21:48:52.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":77519,"contact_id":null,"title":"Willie Coleman","subtitle":"2019-00117 Coleman,Willie","note":"Workers\u0027 Compensation","filed_at":null,"last_moved_at":"2025-03-12T19:30:08.000000Z"},{"id":274402,"list_id":71813,"order":5,"status":"active","pin_date":null,"created_at":"2024-05-23T21:17:42.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":230639,"contact_id":null,"title":"Dontay Harrington","subtitle":"2023-00071 Harrington, Dontay","note":"Auto Accident","filed_at":null,"last_moved_at":"2025-03-11T19:10:17.000000Z"},{"id":324043,"list_id":71813,"order":7,"status":"active","pin_date":null,"created_at":"2025-01-22T20:33:12.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":230144,"contact_id":null,"title":"Raul Lopez","subtitle":"2020-00142 Lopez, Raul","note":"3rd Party","filed_at":null,"last_moved_at":"2025-01-22T20:33:12.000000Z"},{"id":302721,"list_id":71813,"order":8,"status":"active","pin_date":null,"created_at":"2024-10-17T18:36:34.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":254875,"contact_id":null,"title":"Brittney Joyner","subtitle":"2019-00140 Joyner, Brittney","note":"3rd Party","filed_at":null,"last_moved_at":"2025-01-22T20:26:48.000000Z"},{"id":324076,"list_id":71813,"order":9,"status":"active","pin_date":null,"created_at":"2025-01-22T20:57:35.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":254933,"contact_id":null,"title":"Jade Ratliff","subtitle":"2020-00140 Ratliff, Jade","note":"3rd Party","filed_at":null,"last_moved_at":"2025-01-22T20:57:35.000000Z"},{"id":303035,"list_id":71813,"order":10,"status":"active","pin_date":null,"created_at":"2024-10-18T15:16:22.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":230070,"contact_id":null,"title":"Zina Martin","subtitle":"2024-00015 Martin,Zina","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:22:22.000000Z"}],"first_cards":[{"id":366790,"list_id":71813,"order":0,"status":"active","pin_date":null,"created_at":"2025-06-17T15:51:23.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":77524,"contact_id":null,"title":"Estate of Patrice Cochran","subtitle":"2020-00034 Cochran,Patrice","note":"Medical Malpractice","filed_at":null,"last_moved_at":"2025-06-17T15:51:23.000000Z"},{"id":274407,"list_id":71813,"order":1,"status":"active","pin_date":null,"created_at":"2024-05-23T21:19:10.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":230644,"contact_id":null,"title":"Karen Morgan","subtitle":"2023-00042 Morgan, Karen","note":"Premises Liability","filed_at":null,"last_moved_at":"2025-03-25T16:31:10.000000Z"},{"id":307931,"list_id":71813,"order":2,"status":"active","pin_date":null,"created_at":"2024-11-12T13:22:36.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":79567,"contact_id":null,"title":"Mary Grace Burrows","subtitle":"2021-00071 Burrows,Mary Grace","note":"School Case","filed_at":null,"last_moved_at":"2025-03-12T19:55:08.000000Z"},{"id":274623,"list_id":71813,"order":3,"status":"active","pin_date":null,"created_at":"2024-05-24T19:19:16.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":79594,"contact_id":null,"title":"Raul Lopez","subtitle":"2020-00063 Lopez,Raul","note":"Workers\u0027 Compensation","filed_at":null,"last_moved_at":"2025-03-12T19:42:14.000000Z"},{"id":274462,"list_id":71813,"order":4,"status":"active","pin_date":null,"created_at":"2024-05-23T21:48:52.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":77519,"contact_id":null,"title":"Willie Coleman","subtitle":"2019-00117 Coleman,Willie","note":"Workers\u0027 Compensation","filed_at":null,"last_moved_at":"2025-03-12T19:30:08.000000Z"},{"id":274402,"list_id":71813,"order":5,"status":"active","pin_date":null,"created_at":"2024-05-23T21:17:42.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":230639,"contact_id":null,"title":"Dontay Harrington","subtitle":"2023-00071 Harrington, Dontay","note":"Auto Accident","filed_at":null,"last_moved_at":"2025-03-11T19:10:17.000000Z"},{"id":324043,"list_id":71813,"order":7,"status":"active","pin_date":null,"created_at":"2025-01-22T20:33:12.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":230144,"contact_id":null,"title":"Raul Lopez","subtitle":"2020-00142 Lopez, Raul","note":"3rd Party","filed_at":null,"last_moved_at":"2025-01-22T20:33:12.000000Z"},{"id":302721,"list_id":71813,"order":8,"status":"active","pin_date":null,"created_at":"2024-10-17T18:36:34.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":254875,"contact_id":null,"title":"Brittney Joyner","subtitle":"2019-00140 Joyner, Brittney","note":"3rd Party","filed_at":null,"last_moved_at":"2025-01-22T20:26:48.000000Z"},{"id":324076,"list_id":71813,"order":9,"status":"active","pin_date":null,"created_at":"2025-01-22T20:57:35.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":254933,"contact_id":null,"title":"Jade Ratliff","subtitle":"2020-00140 Ratliff, Jade","note":"3rd Party","filed_at":null,"last_moved_at":"2025-01-22T20:57:35.000000Z"},{"id":303035,"list_id":71813,"order":10,"status":"active","pin_date":null,"created_at":"2024-10-18T15:16:22.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":230070,"contact_id":null,"title":"Zina Martin","subtitle":"2024-00015 Martin,Zina","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:22:22.000000Z"}]},{"id":71814,"board_id":10485,"name":"Disputes\/ Appeals","description":null,"card_limit":null,"order":12,"border_color":null,"status":"active","created_at":"2024-05-22T15:34:33.000000Z","updated_at":"2024-11-07T21:23:04.000000Z","deleted_at":null,"cards_count":6,"cards":[{"id":307613,"list_id":71814,"order":1,"status":"active","pin_date":null,"created_at":"2024-11-11T15:59:41.000000Z","updated_at":"2025-01-22T23:25:14.000000Z","deleted_at":null,"matter_id":230644,"contact_id":null,"title":"Karen Morgan","subtitle":"2023-00042 Morgan,Karen","note":"Premises Liability","filed_at":null,"last_moved_at":"2025-01-22T20:13:12.000000Z"},{"id":302756,"list_id":71814,"order":2,"status":"active","pin_date":null,"created_at":"2024-10-17T19:21:02.000000Z","updated_at":"2025-01-22T23:25:14.000000Z","deleted_at":null,"matter_id":254890,"contact_id":null,"title":"Joseph Reid, III","subtitle":"2020-00057 Reid, III,Joseph","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:26:35.000000Z"},{"id":275162,"list_id":71814,"order":3,"status":"active","pin_date":null,"created_at":"2024-05-28T19:34:24.000000Z","updated_at":"2025-01-22T23:25:14.000000Z","deleted_at":null,"matter_id":77525,"contact_id":null,"title":"Jackson Lancaster","subtitle":"2020-00040 Lancaster,Jackson","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:29:34.000000Z"},{"id":274469,"list_id":71814,"order":4,"status":"active","pin_date":null,"created_at":"2024-05-23T21:50:34.000000Z","updated_at":"2025-01-22T23:25:14.000000Z","deleted_at":null,"matter_id":77505,"contact_id":null,"title":"Simarjeet Kaur","subtitle":"2019-00050 Kaur,Simarjeet","note":"General Negligence","filed_at":null,"last_moved_at":"2024-11-02T16:24:55.000000Z"},{"id":274468,"list_id":71814,"order":5,"status":"active","pin_date":null,"created_at":"2024-05-23T21:50:16.000000Z","updated_at":"2025-01-22T23:25:14.000000Z","deleted_at":null,"matter_id":74302,"contact_id":null,"title":"La\u0027Neka Lambert","subtitle":"2019-00072 Lambert,La\u0027Neka","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:26:08.000000Z"},{"id":274478,"list_id":71814,"order":6,"status":"active","pin_date":null,"created_at":"2024-05-23T21:53:20.000000Z","updated_at":"2025-01-22T23:25:14.000000Z","deleted_at":null,"matter_id":230682,"contact_id":null,"title":"Jeffrey Andrew Ledergerber","subtitle":"2018-00224 Ledergerber,Jeffrey","note":"General Negligence","filed_at":null,"last_moved_at":"2024-11-02T16:21:45.000000Z"}],"first_cards":[{"id":307613,"list_id":71814,"order":1,"status":"active","pin_date":null,"created_at":"2024-11-11T15:59:41.000000Z","updated_at":"2025-01-22T23:25:14.000000Z","deleted_at":null,"matter_id":230644,"contact_id":null,"title":"Karen Morgan","subtitle":"2023-00042 Morgan,Karen","note":"Premises Liability","filed_at":null,"last_moved_at":"2025-01-22T20:13:12.000000Z"},{"id":302756,"list_id":71814,"order":2,"status":"active","pin_date":null,"created_at":"2024-10-17T19:21:02.000000Z","updated_at":"2025-01-22T23:25:14.000000Z","deleted_at":null,"matter_id":254890,"contact_id":null,"title":"Joseph Reid, III","subtitle":"2020-00057 Reid, III,Joseph","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:26:35.000000Z"},{"id":275162,"list_id":71814,"order":3,"status":"active","pin_date":null,"created_at":"2024-05-28T19:34:24.000000Z","updated_at":"2025-01-22T23:25:14.000000Z","deleted_at":null,"matter_id":77525,"contact_id":null,"title":"Jackson Lancaster","subtitle":"2020-00040 Lancaster,Jackson","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:29:34.000000Z"},{"id":274469,"list_id":71814,"order":4,"status":"active","pin_date":null,"created_at":"2024-05-23T21:50:34.000000Z","updated_at":"2025-01-22T23:25:14.000000Z","deleted_at":null,"matter_id":77505,"contact_id":null,"title":"Simarjeet Kaur","subtitle":"2019-00050 Kaur,Simarjeet","note":"General Negligence","filed_at":null,"last_moved_at":"2024-11-02T16:24:55.000000Z"},{"id":274468,"list_id":71814,"order":5,"status":"active","pin_date":null,"created_at":"2024-05-23T21:50:16.000000Z","updated_at":"2025-01-22T23:25:14.000000Z","deleted_at":null,"matter_id":74302,"contact_id":null,"title":"La\u0027Neka Lambert","subtitle":"2019-00072 Lambert,La\u0027Neka","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:26:08.000000Z"},{"id":274478,"list_id":71814,"order":6,"status":"active","pin_date":null,"created_at":"2024-05-23T21:53:20.000000Z","updated_at":"2025-01-22T23:25:14.000000Z","deleted_at":null,"matter_id":230682,"contact_id":null,"title":"Jeffrey Andrew Ledergerber","subtitle":"2018-00224 Ledergerber,Jeffrey","note":"General Negligence","filed_at":null,"last_moved_at":"2024-11-02T16:21:45.000000Z"}]}];
window.loadedActiveBoard = {"id":10485,"account_id":2004,"name":"Litigation","description":null,"disable_automation_edit_to_members":0,"disable_column_edit_to_members":1,"run_automations":0,"status":"active","origin":"manual","wizard_reason":null,"created_at":"2024-05-22T15:34:32.000000Z","updated_at":"2025-05-05T13:21:27.000000Z","deleted_at":null,"hide_cards_non_member_viewers":0,"hide_cards_non_member_members":0,"lists":[{"id":71807,"board_id":10485,"name":"Incoming Client Matter","description":null,"card_limit":null,"order":1,"border_color":null,"status":"active","created_at":"2024-05-22T15:34:33.000000Z","updated_at":"2024-05-22T15:34:33.000000Z","deleted_at":null,"cards_count":81,"cards":[{"id":366789,"list_id":71807,"order":0,"status":"active","pin_date":null,"created_at":"2025-06-17T15:50:43.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":311037,"contact_id":null,"title":"Joseph N. Steiner","subtitle":"2020-00025 Steiner,Joseph","note":"General Negligence","filed_at":null,"last_moved_at":"2025-06-17T15:50:43.000000Z"},{"id":325439,"list_id":71807,"order":1,"status":"active","pin_date":null,"created_at":"2025-01-28T17:43:35.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":271458,"contact_id":null,"title":"Daniel Matthew Hyman","subtitle":"2025-00017 Hyman, Daniel","note":"Wrongful Termination","filed_at":null,"last_moved_at":"2025-01-28T17:43:35.000000Z"},{"id":307261,"list_id":71807,"order":3,"status":"active","pin_date":null,"created_at":"2024-11-08T16:36:30.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":258228,"contact_id":null,"title":"Dominique Thorne","subtitle":"2024-00141 Thorne,Dominique","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-08T16:36:30.000000Z"},{"id":307270,"list_id":71807,"order":4,"status":"active","pin_date":null,"created_at":"2024-11-08T16:47:59.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":257465,"contact_id":null,"title":"Shashi Gupta","subtitle":"2024-00140 Gupta,Shashi","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-08T16:47:59.000000Z"},{"id":307350,"list_id":71807,"order":6,"status":"active","pin_date":null,"created_at":"2024-11-08T19:49:43.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":258262,"contact_id":null,"title":"Jennifer Yadvish","subtitle":"2024-00118 Yadvish,Jennifer","note":"Workers Compensation","filed_at":null,"last_moved_at":"2024-11-08T19:49:43.000000Z"},{"id":307801,"list_id":71807,"order":7,"status":"active","pin_date":null,"created_at":"2024-11-11T21:57:53.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":258406,"contact_id":null,"title":"Christopher (Chris) Mosley Jr","subtitle":"2024-00111 Mosley Jr,Christopher (Chris)","note":"PI","filed_at":null,"last_moved_at":"2024-11-11T21:57:53.000000Z"},{"id":307300,"list_id":71807,"order":8,"status":"active","pin_date":null,"created_at":"2024-11-08T17:11:08.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":255007,"contact_id":null,"title":"Walter Bailey","subtitle":"2024-00088 Bailey,Walter","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-08T17:11:08.000000Z"},{"id":303116,"list_id":71807,"order":9,"status":"active","pin_date":null,"created_at":"2024-10-18T15:53:34.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":255007,"contact_id":null,"title":"Walter Bailey","subtitle":"2024-00088 Bailey,Walter","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T20:43:47.000000Z"},{"id":307298,"list_id":71807,"order":10,"status":"active","pin_date":null,"created_at":"2024-11-08T17:09:01.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":258235,"contact_id":null,"title":"Louis Fortune","subtitle":"2024-00086 Fortune,Louis","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-08T17:09:01.000000Z"},{"id":307297,"list_id":71807,"order":11,"status":"active","pin_date":null,"created_at":"2024-11-08T17:08:08.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":236761,"contact_id":null,"title":"Kamry Haden","subtitle":"2024-00069 Haden,Kamry","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-08T17:08:08.000000Z"}],"first_cards":[{"id":366789,"list_id":71807,"order":0,"status":"active","pin_date":null,"created_at":"2025-06-17T15:50:43.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":311037,"contact_id":null,"title":"Joseph N. Steiner","subtitle":"2020-00025 Steiner,Joseph","note":"General Negligence","filed_at":null,"last_moved_at":"2025-06-17T15:50:43.000000Z"},{"id":325439,"list_id":71807,"order":1,"status":"active","pin_date":null,"created_at":"2025-01-28T17:43:35.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":271458,"contact_id":null,"title":"Daniel Matthew Hyman","subtitle":"2025-00017 Hyman, Daniel","note":"Wrongful Termination","filed_at":null,"last_moved_at":"2025-01-28T17:43:35.000000Z"},{"id":307261,"list_id":71807,"order":3,"status":"active","pin_date":null,"created_at":"2024-11-08T16:36:30.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":258228,"contact_id":null,"title":"Dominique Thorne","subtitle":"2024-00141 Thorne,Dominique","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-08T16:36:30.000000Z"},{"id":307270,"list_id":71807,"order":4,"status":"active","pin_date":null,"created_at":"2024-11-08T16:47:59.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":257465,"contact_id":null,"title":"Shashi Gupta","subtitle":"2024-00140 Gupta,Shashi","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-08T16:47:59.000000Z"},{"id":307350,"list_id":71807,"order":6,"status":"active","pin_date":null,"created_at":"2024-11-08T19:49:43.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":258262,"contact_id":null,"title":"Jennifer Yadvish","subtitle":"2024-00118 Yadvish,Jennifer","note":"Workers Compensation","filed_at":null,"last_moved_at":"2024-11-08T19:49:43.000000Z"},{"id":307801,"list_id":71807,"order":7,"status":"active","pin_date":null,"created_at":"2024-11-11T21:57:53.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":258406,"contact_id":null,"title":"Christopher (Chris) Mosley Jr","subtitle":"2024-00111 Mosley Jr,Christopher (Chris)","note":"PI","filed_at":null,"last_moved_at":"2024-11-11T21:57:53.000000Z"},{"id":307300,"list_id":71807,"order":8,"status":"active","pin_date":null,"created_at":"2024-11-08T17:11:08.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":255007,"contact_id":null,"title":"Walter Bailey","subtitle":"2024-00088 Bailey,Walter","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-08T17:11:08.000000Z"},{"id":303116,"list_id":71807,"order":9,"status":"active","pin_date":null,"created_at":"2024-10-18T15:53:34.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":255007,"contact_id":null,"title":"Walter Bailey","subtitle":"2024-00088 Bailey,Walter","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T20:43:47.000000Z"},{"id":307298,"list_id":71807,"order":10,"status":"active","pin_date":null,"created_at":"2024-11-08T17:09:01.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":258235,"contact_id":null,"title":"Louis Fortune","subtitle":"2024-00086 Fortune,Louis","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-08T17:09:01.000000Z"},{"id":307297,"list_id":71807,"order":11,"status":"active","pin_date":null,"created_at":"2024-11-08T17:08:08.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":236761,"contact_id":null,"title":"Kamry Haden","subtitle":"2024-00069 Haden,Kamry","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-08T17:08:08.000000Z"}]},{"id":71809,"board_id":10485,"name":"Case Review","description":null,"card_limit":null,"order":2,"border_color":null,"status":"active","created_at":"2024-05-22T15:34:33.000000Z","updated_at":"2024-11-02T19:28:18.000000Z","deleted_at":null,"cards_count":19,"cards":[{"id":274369,"list_id":71809,"order":2,"status":"active","pin_date":null,"created_at":"2024-05-23T21:07:39.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230040,"contact_id":null,"title":"Karanda Fe LaQuinta Taylor","subtitle":"2024-00040Taylor, Karanda","note":"School Case","filed_at":null,"last_moved_at":"2024-05-23T21:07:39.000000Z"},{"id":274376,"list_id":71809,"order":3,"status":"active","pin_date":null,"created_at":"2024-05-23T21:09:13.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230063,"contact_id":null,"title":"Louis Fortune","subtitle":"2024-00021 Fortune, Louis","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-05-23T21:09:13.000000Z"},{"id":274372,"list_id":71809,"order":4,"status":"active","pin_date":null,"created_at":"2024-05-23T21:08:10.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":216794,"contact_id":null,"title":"Daniel Meir Simhi","subtitle":"2024-00028 Simhi, Chani","note":"School Case","filed_at":null,"last_moved_at":"2024-05-23T21:08:10.000000Z"},{"id":312159,"list_id":71809,"order":5,"status":"active","pin_date":null,"created_at":"2024-12-03T14:51:23.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230060,"contact_id":null,"title":"Joan Owens","subtitle":"2024-00024 Owens,Joan","note":"Medical Malpractice","filed_at":null,"last_moved_at":"2024-12-03T14:51:23.000000Z"},{"id":307412,"list_id":71809,"order":6,"status":"active","pin_date":null,"created_at":"2024-11-08T23:50:17.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230076,"contact_id":null,"title":"Dejhia S. McLaughlin","subtitle":"2023-00115 McLaughlin,Dejhia","note":"School Case","filed_at":null,"last_moved_at":"2024-11-08T23:50:17.000000Z"},{"id":274385,"list_id":71809,"order":7,"status":"active","pin_date":null,"created_at":"2024-05-23T21:12:09.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230624,"contact_id":null,"title":"Deondra M. Ragins","subtitle":"2023-00097 Ragins, Deondra","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-05-23T21:12:09.000000Z"},{"id":274392,"list_id":71809,"order":8,"status":"active","pin_date":null,"created_at":"2024-05-23T21:13:50.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230631,"contact_id":null,"title":"Keyanna White","subtitle":"2023-00089 White, Keyanna","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-05-23T21:13:50.000000Z"},{"id":307413,"list_id":71809,"order":9,"status":"active","pin_date":null,"created_at":"2024-11-08T23:51:36.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230632,"contact_id":null,"title":"Isabella Hossain","subtitle":"2023-00086 Hossain,Isabella","note":"School Case","filed_at":null,"last_moved_at":"2024-11-08T23:51:36.000000Z"},{"id":274398,"list_id":71809,"order":10,"status":"active","pin_date":null,"created_at":"2024-05-23T21:14:50.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230636,"contact_id":null,"title":"Luis-Mario Ebuka Esono","subtitle":"2023-00081 Ebuka Esono, Luis-Mario","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-05-23T21:14:50.000000Z"},{"id":274405,"list_id":71809,"order":11,"status":"active","pin_date":null,"created_at":"2024-05-23T21:18:25.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230642,"contact_id":null,"title":"Niyanna Deborah Brown","subtitle":"2023-00051 Brown, Niyanna","note":"School Case","filed_at":null,"last_moved_at":"2024-05-23T21:18:25.000000Z"}],"first_cards":[{"id":274369,"list_id":71809,"order":2,"status":"active","pin_date":null,"created_at":"2024-05-23T21:07:39.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230040,"contact_id":null,"title":"Karanda Fe LaQuinta Taylor","subtitle":"2024-00040Taylor, Karanda","note":"School Case","filed_at":null,"last_moved_at":"2024-05-23T21:07:39.000000Z"},{"id":274376,"list_id":71809,"order":3,"status":"active","pin_date":null,"created_at":"2024-05-23T21:09:13.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230063,"contact_id":null,"title":"Louis Fortune","subtitle":"2024-00021 Fortune, Louis","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-05-23T21:09:13.000000Z"},{"id":274372,"list_id":71809,"order":4,"status":"active","pin_date":null,"created_at":"2024-05-23T21:08:10.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":216794,"contact_id":null,"title":"Daniel Meir Simhi","subtitle":"2024-00028 Simhi, Chani","note":"School Case","filed_at":null,"last_moved_at":"2024-05-23T21:08:10.000000Z"},{"id":312159,"list_id":71809,"order":5,"status":"active","pin_date":null,"created_at":"2024-12-03T14:51:23.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230060,"contact_id":null,"title":"Joan Owens","subtitle":"2024-00024 Owens,Joan","note":"Medical Malpractice","filed_at":null,"last_moved_at":"2024-12-03T14:51:23.000000Z"},{"id":307412,"list_id":71809,"order":6,"status":"active","pin_date":null,"created_at":"2024-11-08T23:50:17.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230076,"contact_id":null,"title":"Dejhia S. McLaughlin","subtitle":"2023-00115 McLaughlin,Dejhia","note":"School Case","filed_at":null,"last_moved_at":"2024-11-08T23:50:17.000000Z"},{"id":274385,"list_id":71809,"order":7,"status":"active","pin_date":null,"created_at":"2024-05-23T21:12:09.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230624,"contact_id":null,"title":"Deondra M. Ragins","subtitle":"2023-00097 Ragins, Deondra","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-05-23T21:12:09.000000Z"},{"id":274392,"list_id":71809,"order":8,"status":"active","pin_date":null,"created_at":"2024-05-23T21:13:50.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230631,"contact_id":null,"title":"Keyanna White","subtitle":"2023-00089 White, Keyanna","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-05-23T21:13:50.000000Z"},{"id":307413,"list_id":71809,"order":9,"status":"active","pin_date":null,"created_at":"2024-11-08T23:51:36.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230632,"contact_id":null,"title":"Isabella Hossain","subtitle":"2023-00086 Hossain,Isabella","note":"School Case","filed_at":null,"last_moved_at":"2024-11-08T23:51:36.000000Z"},{"id":274398,"list_id":71809,"order":10,"status":"active","pin_date":null,"created_at":"2024-05-23T21:14:50.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230636,"contact_id":null,"title":"Luis-Mario Ebuka Esono","subtitle":"2023-00081 Ebuka Esono, Luis-Mario","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-05-23T21:14:50.000000Z"},{"id":274405,"list_id":71809,"order":11,"status":"active","pin_date":null,"created_at":"2024-05-23T21:18:25.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230642,"contact_id":null,"title":"Niyanna Deborah Brown","subtitle":"2023-00051 Brown, Niyanna","note":"School Case","filed_at":null,"last_moved_at":"2024-05-23T21:18:25.000000Z"}]},{"id":71810,"board_id":10485,"name":"Filing Phase","description":null,"card_limit":null,"order":3,"border_color":null,"status":"active","created_at":"2024-05-22T15:34:33.000000Z","updated_at":"2024-11-02T19:29:25.000000Z","deleted_at":null,"cards_count":24,"cards":[{"id":324199,"list_id":71810,"order":1,"status":"active","pin_date":null,"created_at":"2025-01-22T23:08:05.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":255023,"contact_id":null,"title":"Don Gross","subtitle":"2024-00109 Gross,Don","note":"Auto Accident","filed_at":null,"last_moved_at":"2025-01-22T23:08:05.000000Z"},{"id":303091,"list_id":71810,"order":2,"status":"active","pin_date":null,"created_at":"2024-10-18T15:44:19.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":236761,"contact_id":null,"title":"Kamry Haden","subtitle":"2024-00069 Haden,Kamry","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:22:02.000000Z"},{"id":303078,"list_id":71810,"order":3,"status":"active","pin_date":null,"created_at":"2024-10-18T15:38:39.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":230282,"contact_id":null,"title":"Janice Cussaac","subtitle":"2024-00058 Cussaac,Janice","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:22:13.000000Z"},{"id":303049,"list_id":71810,"order":5,"status":"active","pin_date":null,"created_at":"2024-10-18T15:21:12.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":224825,"contact_id":null,"title":"William Shaffer","subtitle":"2024-00031 Shaffer,William","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:23:55.000000Z"},{"id":274371,"list_id":71810,"order":6,"status":"active","pin_date":null,"created_at":"2024-05-23T21:07:51.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":224825,"contact_id":null,"title":"William Shaffer","subtitle":"2024-00031 Shaffer,William","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:15:32.000000Z"},{"id":274368,"list_id":71810,"order":7,"status":"active","pin_date":null,"created_at":"2024-05-23T21:07:08.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":223916,"contact_id":null,"title":"Antwon Curtis","subtitle":"2024-00042 Curtis,Antwon","note":"General Negligence","filed_at":null,"last_moved_at":"2024-11-02T16:15:26.000000Z"},{"id":274650,"list_id":71810,"order":8,"status":"active","pin_date":null,"created_at":"2024-05-24T19:55:35.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":219797,"contact_id":null,"title":"Kennedy Mitchell","subtitle":"2024-00034 Mitchell, Kennedy","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:19:47.000000Z"},{"id":274649,"list_id":71810,"order":9,"status":"active","pin_date":null,"created_at":"2024-05-24T19:55:21.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":219368,"contact_id":null,"title":"Dante Edward Green","subtitle":"2024-00033 Green, Dante","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:19:43.000000Z"},{"id":303023,"list_id":71810,"order":10,"status":"active","pin_date":null,"created_at":"2024-10-18T15:10:38.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":216926,"contact_id":null,"title":"Wayne Lucas III","subtitle":"2024-00002 Lucas III,Wayne","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:22:39.000000Z"},{"id":274380,"list_id":71810,"order":11,"status":"active","pin_date":null,"created_at":"2024-05-23T21:10:35.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":216926,"contact_id":null,"title":"Wayne Lucas III","subtitle":"2024-00002 Lucas III, Wayne","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:16:20.000000Z"}],"first_cards":[{"id":324199,"list_id":71810,"order":1,"status":"active","pin_date":null,"created_at":"2025-01-22T23:08:05.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":255023,"contact_id":null,"title":"Don Gross","subtitle":"2024-00109 Gross,Don","note":"Auto Accident","filed_at":null,"last_moved_at":"2025-01-22T23:08:05.000000Z"},{"id":303091,"list_id":71810,"order":2,"status":"active","pin_date":null,"created_at":"2024-10-18T15:44:19.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":236761,"contact_id":null,"title":"Kamry Haden","subtitle":"2024-00069 Haden,Kamry","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:22:02.000000Z"},{"id":303078,"list_id":71810,"order":3,"status":"active","pin_date":null,"created_at":"2024-10-18T15:38:39.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":230282,"contact_id":null,"title":"Janice Cussaac","subtitle":"2024-00058 Cussaac,Janice","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:22:13.000000Z"},{"id":303049,"list_id":71810,"order":5,"status":"active","pin_date":null,"created_at":"2024-10-18T15:21:12.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":224825,"contact_id":null,"title":"William Shaffer","subtitle":"2024-00031 Shaffer,William","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:23:55.000000Z"},{"id":274371,"list_id":71810,"order":6,"status":"active","pin_date":null,"created_at":"2024-05-23T21:07:51.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":224825,"contact_id":null,"title":"William Shaffer","subtitle":"2024-00031 Shaffer,William","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:15:32.000000Z"},{"id":274368,"list_id":71810,"order":7,"status":"active","pin_date":null,"created_at":"2024-05-23T21:07:08.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":223916,"contact_id":null,"title":"Antwon Curtis","subtitle":"2024-00042 Curtis,Antwon","note":"General Negligence","filed_at":null,"last_moved_at":"2024-11-02T16:15:26.000000Z"},{"id":274650,"list_id":71810,"order":8,"status":"active","pin_date":null,"created_at":"2024-05-24T19:55:35.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":219797,"contact_id":null,"title":"Kennedy Mitchell","subtitle":"2024-00034 Mitchell, Kennedy","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:19:47.000000Z"},{"id":274649,"list_id":71810,"order":9,"status":"active","pin_date":null,"created_at":"2024-05-24T19:55:21.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":219368,"contact_id":null,"title":"Dante Edward Green","subtitle":"2024-00033 Green, Dante","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:19:43.000000Z"},{"id":303023,"list_id":71810,"order":10,"status":"active","pin_date":null,"created_at":"2024-10-18T15:10:38.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":216926,"contact_id":null,"title":"Wayne Lucas III","subtitle":"2024-00002 Lucas III,Wayne","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:22:39.000000Z"},{"id":274380,"list_id":71810,"order":11,"status":"active","pin_date":null,"created_at":"2024-05-23T21:10:35.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":216926,"contact_id":null,"title":"Wayne Lucas III","subtitle":"2024-00002 Lucas III, Wayne","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:16:20.000000Z"}]},{"id":71811,"board_id":10485,"name":"Service Phase","description":null,"card_limit":null,"order":4,"border_color":null,"status":"active","created_at":"2024-05-22T15:34:33.000000Z","updated_at":"2024-11-02T19:29:29.000000Z","deleted_at":null,"cards_count":8,"cards":[{"id":303063,"list_id":71811,"order":1,"status":"active","pin_date":null,"created_at":"2024-10-18T15:26:07.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":225750,"contact_id":null,"title":"Lawrencetine Gay","subtitle":"2024-00049 Gay,Lawrencetine","note":"Auto Accident","filed_at":null,"last_moved_at":"2025-01-27T18:33:13.000000Z"},{"id":303084,"list_id":71811,"order":3,"status":"active","pin_date":null,"created_at":"2024-10-18T15:41:22.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":254989,"contact_id":null,"title":"Jeremy Fleming","subtitle":"2024-00062 Fleming,Jeremy","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:24:03.000000Z"},{"id":274373,"list_id":71811,"order":4,"status":"active","pin_date":null,"created_at":"2024-05-23T21:08:23.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":216791,"contact_id":null,"title":"Taylor Brinsfield","subtitle":"2024-00026 Brinsfield, Taylor","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:15:38.000000Z"},{"id":274379,"list_id":71811,"order":5,"status":"active","pin_date":null,"created_at":"2024-05-23T21:10:12.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":230619,"contact_id":null,"title":"Shanice Nelson","subtitle":"2024-00009 Nelson, Shanice","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:16:14.000000Z"},{"id":274419,"list_id":71811,"order":6,"status":"active","pin_date":null,"created_at":"2024-05-23T21:32:50.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":230655,"contact_id":null,"title":"Maria Mariano","subtitle":"2023-00017 Mariano, Maria","note":"General Negligence","filed_at":null,"last_moved_at":"2024-11-02T16:24:00.000000Z"},{"id":274442,"list_id":71811,"order":7,"status":"active","pin_date":null,"created_at":"2024-05-23T21:40:12.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":230674,"contact_id":null,"title":"Ana \u0022Daisy\u0022 Morales","subtitle":"2022-00077 Morales, Ana","note":"Premises Liability","filed_at":null,"last_moved_at":"2024-11-02T16:27:27.000000Z"},{"id":318155,"list_id":71811,"order":8,"status":"active","pin_date":null,"created_at":"2024-12-30T19:21:52.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":79464,"contact_id":null,"title":"Michael Nelson","subtitle":"2022-00019 Nelson,Michael","note":"Premises Liability","filed_at":null,"last_moved_at":"2024-12-30T19:26:49.000000Z"},{"id":275159,"list_id":71811,"order":9,"status":"active","pin_date":null,"created_at":"2024-05-28T19:29:26.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":231051,"contact_id":null,"title":"Makaia Stewart","subtitle":"2021-00113 Stewart,Makaia","note":"School Case","filed_at":null,"last_moved_at":"2024-05-28T19:29:26.000000Z"}],"first_cards":[{"id":303063,"list_id":71811,"order":1,"status":"active","pin_date":null,"created_at":"2024-10-18T15:26:07.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":225750,"contact_id":null,"title":"Lawrencetine Gay","subtitle":"2024-00049 Gay,Lawrencetine","note":"Auto Accident","filed_at":null,"last_moved_at":"2025-01-27T18:33:13.000000Z"},{"id":303084,"list_id":71811,"order":3,"status":"active","pin_date":null,"created_at":"2024-10-18T15:41:22.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":254989,"contact_id":null,"title":"Jeremy Fleming","subtitle":"2024-00062 Fleming,Jeremy","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:24:03.000000Z"},{"id":274373,"list_id":71811,"order":4,"status":"active","pin_date":null,"created_at":"2024-05-23T21:08:23.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":216791,"contact_id":null,"title":"Taylor Brinsfield","subtitle":"2024-00026 Brinsfield, Taylor","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:15:38.000000Z"},{"id":274379,"list_id":71811,"order":5,"status":"active","pin_date":null,"created_at":"2024-05-23T21:10:12.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":230619,"contact_id":null,"title":"Shanice Nelson","subtitle":"2024-00009 Nelson, Shanice","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:16:14.000000Z"},{"id":274419,"list_id":71811,"order":6,"status":"active","pin_date":null,"created_at":"2024-05-23T21:32:50.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":230655,"contact_id":null,"title":"Maria Mariano","subtitle":"2023-00017 Mariano, Maria","note":"General Negligence","filed_at":null,"last_moved_at":"2024-11-02T16:24:00.000000Z"},{"id":274442,"list_id":71811,"order":7,"status":"active","pin_date":null,"created_at":"2024-05-23T21:40:12.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":230674,"contact_id":null,"title":"Ana \u0022Daisy\u0022 Morales","subtitle":"2022-00077 Morales, Ana","note":"Premises Liability","filed_at":null,"last_moved_at":"2024-11-02T16:27:27.000000Z"},{"id":318155,"list_id":71811,"order":8,"status":"active","pin_date":null,"created_at":"2024-12-30T19:21:52.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":79464,"contact_id":null,"title":"Michael Nelson","subtitle":"2022-00019 Nelson,Michael","note":"Premises Liability","filed_at":null,"last_moved_at":"2024-12-30T19:26:49.000000Z"},{"id":275159,"list_id":71811,"order":9,"status":"active","pin_date":null,"created_at":"2024-05-28T19:29:26.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":231051,"contact_id":null,"title":"Makaia Stewart","subtitle":"2021-00113 Stewart,Makaia","note":"School Case","filed_at":null,"last_moved_at":"2024-05-28T19:29:26.000000Z"}]},{"id":71872,"board_id":10485,"name":"Motion to Dismiss","description":null,"card_limit":null,"order":5,"border_color":null,"status":"active","created_at":"2024-05-23T15:55:01.000000Z","updated_at":"2024-11-02T19:29:33.000000Z","deleted_at":null,"cards_count":2,"cards":[{"id":274430,"list_id":71872,"order":1,"status":"active","pin_date":null,"created_at":"2024-05-23T21:36:43.000000Z","updated_at":"2025-01-22T23:24:28.000000Z","deleted_at":null,"matter_id":230666,"contact_id":null,"title":"Parker Ward","subtitle":"2022-00106 Ward, Parker","note":"School Case","filed_at":null,"last_moved_at":"2024-05-23T21:36:43.000000Z"},{"id":324197,"list_id":71872,"order":2,"status":"active","pin_date":null,"created_at":"2025-01-22T23:04:46.000000Z","updated_at":"2025-01-22T23:24:28.000000Z","deleted_at":null,"matter_id":230670,"contact_id":null,"title":"Rohan Seeparsad","subtitle":"2022-00100 Seeparsad,Rohan","note":"Auto Accident","filed_at":null,"last_moved_at":"2025-01-22T23:04:46.000000Z"}],"first_cards":[{"id":274430,"list_id":71872,"order":1,"status":"active","pin_date":null,"created_at":"2024-05-23T21:36:43.000000Z","updated_at":"2025-01-22T23:24:28.000000Z","deleted_at":null,"matter_id":230666,"contact_id":null,"title":"Parker Ward","subtitle":"2022-00106 Ward, Parker","note":"School Case","filed_at":null,"last_moved_at":"2024-05-23T21:36:43.000000Z"},{"id":324197,"list_id":71872,"order":2,"status":"active","pin_date":null,"created_at":"2025-01-22T23:04:46.000000Z","updated_at":"2025-01-22T23:24:28.000000Z","deleted_at":null,"matter_id":230670,"contact_id":null,"title":"Rohan Seeparsad","subtitle":"2022-00100 Seeparsad,Rohan","note":"Auto Accident","filed_at":null,"last_moved_at":"2025-01-22T23:04:46.000000Z"}]},{"id":71874,"board_id":10485,"name":"Mediation","description":null,"card_limit":null,"order":6,"border_color":null,"status":"active","created_at":"2024-05-23T15:57:53.000000Z","updated_at":"2024-11-07T21:23:26.000000Z","deleted_at":null,"cards_count":5,"cards":[{"id":274634,"list_id":71874,"order":1,"status":"active","pin_date":null,"created_at":"2024-05-24T19:34:31.000000Z","updated_at":"2025-01-22T23:24:35.000000Z","deleted_at":null,"matter_id":79620,"contact_id":null,"title":"Madison Waldbauer","subtitle":"2021-00066 Waldbauer,Madison","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:13:53.000000Z"},{"id":302746,"list_id":71874,"order":2,"status":"active","pin_date":null,"created_at":"2024-10-17T19:07:37.000000Z","updated_at":"2025-01-22T23:24:35.000000Z","deleted_at":null,"matter_id":230766,"contact_id":null,"title":"Miley Becoat","subtitle":"2020-00009 Becoat,Miley","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:20:06.000000Z"},{"id":274622,"list_id":71874,"order":3,"status":"active","pin_date":null,"created_at":"2024-05-24T19:18:52.000000Z","updated_at":"2025-01-22T23:24:35.000000Z","deleted_at":null,"matter_id":230766,"contact_id":null,"title":"Miley Becoat","subtitle":"2020-00009 Becoat,Miley","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:26:01.000000Z"},{"id":323969,"list_id":71874,"order":4,"status":"active","pin_date":null,"created_at":"2025-01-22T19:53:06.000000Z","updated_at":"2025-01-22T23:24:35.000000Z","deleted_at":null,"matter_id":79604,"contact_id":null,"title":"Julie Ingham","subtitle":"2019-00075 Ingham,Julie","note":"School Case","filed_at":null,"last_moved_at":"2025-01-22T19:53:06.000000Z"},{"id":274482,"list_id":71874,"order":5,"status":"active","pin_date":null,"created_at":"2024-05-23T21:54:18.000000Z","updated_at":"2025-01-22T23:24:35.000000Z","deleted_at":null,"matter_id":230685,"contact_id":null,"title":"Cathryn Henderson","subtitle":"2018-00081 Henderson,Cathryn","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:26:05.000000Z"}],"first_cards":[{"id":274634,"list_id":71874,"order":1,"status":"active","pin_date":null,"created_at":"2024-05-24T19:34:31.000000Z","updated_at":"2025-01-22T23:24:35.000000Z","deleted_at":null,"matter_id":79620,"contact_id":null,"title":"Madison Waldbauer","subtitle":"2021-00066 Waldbauer,Madison","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:13:53.000000Z"},{"id":302746,"list_id":71874,"order":2,"status":"active","pin_date":null,"created_at":"2024-10-17T19:07:37.000000Z","updated_at":"2025-01-22T23:24:35.000000Z","deleted_at":null,"matter_id":230766,"contact_id":null,"title":"Miley Becoat","subtitle":"2020-00009 Becoat,Miley","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:20:06.000000Z"},{"id":274622,"list_id":71874,"order":3,"status":"active","pin_date":null,"created_at":"2024-05-24T19:18:52.000000Z","updated_at":"2025-01-22T23:24:35.000000Z","deleted_at":null,"matter_id":230766,"contact_id":null,"title":"Miley Becoat","subtitle":"2020-00009 Becoat,Miley","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:26:01.000000Z"},{"id":323969,"list_id":71874,"order":4,"status":"active","pin_date":null,"created_at":"2025-01-22T19:53:06.000000Z","updated_at":"2025-01-22T23:24:35.000000Z","deleted_at":null,"matter_id":79604,"contact_id":null,"title":"Julie Ingham","subtitle":"2019-00075 Ingham,Julie","note":"School Case","filed_at":null,"last_moved_at":"2025-01-22T19:53:06.000000Z"},{"id":274482,"list_id":71874,"order":5,"status":"active","pin_date":null,"created_at":"2024-05-23T21:54:18.000000Z","updated_at":"2025-01-22T23:24:35.000000Z","deleted_at":null,"matter_id":230685,"contact_id":null,"title":"Cathryn Henderson","subtitle":"2018-00081 Henderson,Cathryn","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:26:05.000000Z"}]},{"id":71812,"board_id":10485,"name":"Discovery","description":null,"card_limit":null,"order":7,"border_color":null,"status":"active","created_at":"2024-05-22T15:34:33.000000Z","updated_at":"2024-11-07T21:23:27.000000Z","deleted_at":null,"cards_count":19,"cards":[{"id":312497,"list_id":71812,"order":1,"status":"active","pin_date":null,"created_at":"2024-12-04T17:11:42.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230144,"contact_id":null,"title":"Raul Lopez","subtitle":"2020-00142 Lopez, Raul","note":"3rd Party","filed_at":null,"last_moved_at":"2024-12-04T17:11:42.000000Z"},{"id":303000,"list_id":71812,"order":2,"status":"active","pin_date":null,"created_at":"2024-10-18T15:02:33.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230623,"contact_id":null,"title":"Albert H. Battle Jr.","subtitle":"2023-00108 Battle Jr.,Albert","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:22:49.000000Z"},{"id":274384,"list_id":71812,"order":3,"status":"active","pin_date":null,"created_at":"2024-05-23T21:11:20.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230623,"contact_id":null,"title":"Albert H. Battle Jr.","subtitle":"2023-00108 Battle Jr., Albert","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T15:58:15.000000Z"},{"id":302981,"list_id":71812,"order":4,"status":"active","pin_date":null,"created_at":"2024-10-18T14:55:05.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230094,"contact_id":null,"title":"Donnell Coates","subtitle":"2023-00094 Coates,Donnell","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:23:01.000000Z"},{"id":302977,"list_id":71812,"order":5,"status":"active","pin_date":null,"created_at":"2024-10-18T14:53:39.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230630,"contact_id":null,"title":"Keith Beane","subtitle":"2023-00091 Beane,Keith","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:23:06.000000Z"},{"id":274393,"list_id":71812,"order":6,"status":"active","pin_date":null,"created_at":"2024-05-23T21:14:23.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230632,"contact_id":null,"title":"Isabella Hossain","subtitle":"2023-00086 Hossain, Isabella","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:24:39.000000Z"},{"id":274404,"list_id":71812,"order":8,"status":"active","pin_date":null,"created_at":"2024-05-23T21:18:13.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230641,"contact_id":null,"title":"Lakeisha Hill","subtitle":"2023-00065 Hill, Lakeisha","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:17:22.000000Z"},{"id":274426,"list_id":71812,"order":10,"status":"active","pin_date":null,"created_at":"2024-05-23T21:35:18.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230662,"contact_id":null,"title":"Dasha Day","subtitle":"2022-00118 Day, Dasha","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:24:43.000000Z"},{"id":274429,"list_id":71812,"order":11,"status":"active","pin_date":null,"created_at":"2024-05-23T21:36:28.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230665,"contact_id":null,"title":"Taramathee Seeparsad","subtitle":"2022-00108 Seeparsad, Taramathee","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:25:03.000000Z"},{"id":274435,"list_id":71812,"order":12,"status":"active","pin_date":null,"created_at":"2024-05-23T21:38:21.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230670,"contact_id":null,"title":"Rohan Seeparsad","subtitle":"2022-00100 Seeparsad, Rohan","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:18:34.000000Z"}],"first_cards":[{"id":312497,"list_id":71812,"order":1,"status":"active","pin_date":null,"created_at":"2024-12-04T17:11:42.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230144,"contact_id":null,"title":"Raul Lopez","subtitle":"2020-00142 Lopez, Raul","note":"3rd Party","filed_at":null,"last_moved_at":"2024-12-04T17:11:42.000000Z"},{"id":303000,"list_id":71812,"order":2,"status":"active","pin_date":null,"created_at":"2024-10-18T15:02:33.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230623,"contact_id":null,"title":"Albert H. Battle Jr.","subtitle":"2023-00108 Battle Jr.,Albert","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:22:49.000000Z"},{"id":274384,"list_id":71812,"order":3,"status":"active","pin_date":null,"created_at":"2024-05-23T21:11:20.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230623,"contact_id":null,"title":"Albert H. Battle Jr.","subtitle":"2023-00108 Battle Jr., Albert","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T15:58:15.000000Z"},{"id":302981,"list_id":71812,"order":4,"status":"active","pin_date":null,"created_at":"2024-10-18T14:55:05.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230094,"contact_id":null,"title":"Donnell Coates","subtitle":"2023-00094 Coates,Donnell","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:23:01.000000Z"},{"id":302977,"list_id":71812,"order":5,"status":"active","pin_date":null,"created_at":"2024-10-18T14:53:39.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230630,"contact_id":null,"title":"Keith Beane","subtitle":"2023-00091 Beane,Keith","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:23:06.000000Z"},{"id":274393,"list_id":71812,"order":6,"status":"active","pin_date":null,"created_at":"2024-05-23T21:14:23.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230632,"contact_id":null,"title":"Isabella Hossain","subtitle":"2023-00086 Hossain, Isabella","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:24:39.000000Z"},{"id":274404,"list_id":71812,"order":8,"status":"active","pin_date":null,"created_at":"2024-05-23T21:18:13.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230641,"contact_id":null,"title":"Lakeisha Hill","subtitle":"2023-00065 Hill, Lakeisha","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:17:22.000000Z"},{"id":274426,"list_id":71812,"order":10,"status":"active","pin_date":null,"created_at":"2024-05-23T21:35:18.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230662,"contact_id":null,"title":"Dasha Day","subtitle":"2022-00118 Day, Dasha","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:24:43.000000Z"},{"id":274429,"list_id":71812,"order":11,"status":"active","pin_date":null,"created_at":"2024-05-23T21:36:28.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230665,"contact_id":null,"title":"Taramathee Seeparsad","subtitle":"2022-00108 Seeparsad, Taramathee","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:25:03.000000Z"},{"id":274435,"list_id":71812,"order":12,"status":"active","pin_date":null,"created_at":"2024-05-23T21:38:21.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230670,"contact_id":null,"title":"Rohan Seeparsad","subtitle":"2022-00100 Seeparsad, Rohan","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:18:34.000000Z"}]},{"id":71876,"board_id":10485,"name":"Dispositive Motion Stage","description":null,"card_limit":null,"order":8,"border_color":null,"status":"active","created_at":"2024-05-23T19:41:29.000000Z","updated_at":"2024-11-07T21:23:27.000000Z","deleted_at":null,"cards_count":4,"cards":[{"id":275161,"list_id":71876,"order":1,"status":"active","pin_date":null,"created_at":"2024-05-28T19:31:45.000000Z","updated_at":"2025-01-22T23:24:46.000000Z","deleted_at":null,"matter_id":77555,"contact_id":null,"title":"Josiah Brummell","subtitle":"2021-00017 Brummell,Josiah","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:14:31.000000Z"},{"id":274624,"list_id":71876,"order":2,"status":"active","pin_date":null,"created_at":"2024-05-24T19:19:57.000000Z","updated_at":"2025-01-22T23:24:46.000000Z","deleted_at":null,"matter_id":79563,"contact_id":null,"title":"Michael Myronuk, Jr.","subtitle":"2021-00014 Myronuk, Jr.,Michael","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:25:54.000000Z"},{"id":302485,"list_id":71876,"order":3,"status":"active","pin_date":null,"created_at":"2024-10-16T19:44:51.000000Z","updated_at":"2025-01-22T23:24:46.000000Z","deleted_at":null,"matter_id":79604,"contact_id":null,"title":"Julie Ingham","subtitle":"2019-00075 Ingham,Julie","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:13:35.000000Z"},{"id":274467,"list_id":71876,"order":4,"status":"active","pin_date":null,"created_at":"2024-05-23T21:50:04.000000Z","updated_at":"2025-01-22T23:24:46.000000Z","deleted_at":null,"matter_id":79604,"contact_id":null,"title":"Julie Ingham","subtitle":"2019-00075 Ingham,Julie","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:29:19.000000Z"}],"first_cards":[{"id":275161,"list_id":71876,"order":1,"status":"active","pin_date":null,"created_at":"2024-05-28T19:31:45.000000Z","updated_at":"2025-01-22T23:24:46.000000Z","deleted_at":null,"matter_id":77555,"contact_id":null,"title":"Josiah Brummell","subtitle":"2021-00017 Brummell,Josiah","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:14:31.000000Z"},{"id":274624,"list_id":71876,"order":2,"status":"active","pin_date":null,"created_at":"2024-05-24T19:19:57.000000Z","updated_at":"2025-01-22T23:24:46.000000Z","deleted_at":null,"matter_id":79563,"contact_id":null,"title":"Michael Myronuk, Jr.","subtitle":"2021-00014 Myronuk, Jr.,Michael","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:25:54.000000Z"},{"id":302485,"list_id":71876,"order":3,"status":"active","pin_date":null,"created_at":"2024-10-16T19:44:51.000000Z","updated_at":"2025-01-22T23:24:46.000000Z","deleted_at":null,"matter_id":79604,"contact_id":null,"title":"Julie Ingham","subtitle":"2019-00075 Ingham,Julie","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:13:35.000000Z"},{"id":274467,"list_id":71876,"order":4,"status":"active","pin_date":null,"created_at":"2024-05-23T21:50:04.000000Z","updated_at":"2025-01-22T23:24:46.000000Z","deleted_at":null,"matter_id":79604,"contact_id":null,"title":"Julie Ingham","subtitle":"2019-00075 Ingham,Julie","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:29:19.000000Z"}]},{"id":71877,"board_id":10485,"name":"Case Closure","description":null,"card_limit":null,"order":9,"border_color":null,"status":"active","created_at":"2024-05-23T19:42:14.000000Z","updated_at":"2024-11-07T21:23:04.000000Z","deleted_at":null,"cards_count":10,"cards":[{"id":274638,"list_id":71877,"order":1,"status":"active","pin_date":null,"created_at":"2024-05-24T19:46:41.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":230077,"contact_id":null,"title":"John Abolarin","subtitle":"2023-00114 Abolarin, John","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:18:55.000000Z"},{"id":274406,"list_id":71877,"order":2,"status":"active","pin_date":null,"created_at":"2024-05-23T21:18:54.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":230643,"contact_id":null,"title":"Wendell Postell","subtitle":"2023-00046 Postell, Wendell","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:27:55.000000Z"},{"id":274412,"list_id":71877,"order":3,"status":"active","pin_date":null,"created_at":"2024-05-23T21:21:23.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":230649,"contact_id":null,"title":"Jamard Robinson","subtitle":"2023-00022 Robinson, Jamard","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:27:52.000000Z"},{"id":274423,"list_id":71877,"order":4,"status":"active","pin_date":null,"created_at":"2024-05-23T21:34:10.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":230659,"contact_id":null,"title":"Tracy Garner","subtitle":"2023-00006 Garner, Tracy","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:27:49.000000Z"},{"id":274439,"list_id":71877,"order":5,"status":"active","pin_date":null,"created_at":"2024-05-23T21:39:24.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":230672,"contact_id":null,"title":"Kira Heward","subtitle":"2022-00089 Heward, Kira","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:27:36.000000Z"},{"id":274450,"list_id":71877,"order":6,"status":"active","pin_date":null,"created_at":"2024-05-23T21:42:54.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":77365,"contact_id":null,"title":"Jacquelyn Rogers","subtitle":"2022-00055 Rogers,Jacquelyn","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:21:30.000000Z"},{"id":274456,"list_id":71877,"order":7,"status":"active","pin_date":null,"created_at":"2024-05-23T21:45:13.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":79455,"contact_id":null,"title":"Patricia Rodman","subtitle":"2022-00030 Rodman,Patricia","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:21:26.000000Z"},{"id":275120,"list_id":71877,"order":8,"status":"active","pin_date":null,"created_at":"2024-05-28T18:47:33.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":79562,"contact_id":null,"title":"Edward Ransome","subtitle":"2020-00015 Ransome,Edward","note":"Workers Compensation","filed_at":null,"last_moved_at":"2024-05-28T18:47:33.000000Z"},{"id":314811,"list_id":71877,"order":9,"status":"active","pin_date":null,"created_at":"2024-12-17T16:08:19.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":77482,"contact_id":null,"title":"Connor Powers","subtitle":"2018-00064 Powers,Connor","note":"School Case","filed_at":null,"last_moved_at":"2024-12-17T16:08:19.000000Z"},{"id":274487,"list_id":71877,"order":10,"status":"active","pin_date":null,"created_at":"2024-05-23T21:55:54.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":79577,"contact_id":null,"title":"Tausha Bruce","subtitle":"2017-00118 Bruce,Tausha","note":"Workers Compensation","filed_at":null,"last_moved_at":"2024-11-02T16:17:33.000000Z"}],"first_cards":[{"id":274638,"list_id":71877,"order":1,"status":"active","pin_date":null,"created_at":"2024-05-24T19:46:41.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":230077,"contact_id":null,"title":"John Abolarin","subtitle":"2023-00114 Abolarin, John","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:18:55.000000Z"},{"id":274406,"list_id":71877,"order":2,"status":"active","pin_date":null,"created_at":"2024-05-23T21:18:54.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":230643,"contact_id":null,"title":"Wendell Postell","subtitle":"2023-00046 Postell, Wendell","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:27:55.000000Z"},{"id":274412,"list_id":71877,"order":3,"status":"active","pin_date":null,"created_at":"2024-05-23T21:21:23.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":230649,"contact_id":null,"title":"Jamard Robinson","subtitle":"2023-00022 Robinson, Jamard","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:27:52.000000Z"},{"id":274423,"list_id":71877,"order":4,"status":"active","pin_date":null,"created_at":"2024-05-23T21:34:10.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":230659,"contact_id":null,"title":"Tracy Garner","subtitle":"2023-00006 Garner, Tracy","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:27:49.000000Z"},{"id":274439,"list_id":71877,"order":5,"status":"active","pin_date":null,"created_at":"2024-05-23T21:39:24.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":230672,"contact_id":null,"title":"Kira Heward","subtitle":"2022-00089 Heward, Kira","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:27:36.000000Z"},{"id":274450,"list_id":71877,"order":6,"status":"active","pin_date":null,"created_at":"2024-05-23T21:42:54.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":77365,"contact_id":null,"title":"Jacquelyn Rogers","subtitle":"2022-00055 Rogers,Jacquelyn","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:21:30.000000Z"},{"id":274456,"list_id":71877,"order":7,"status":"active","pin_date":null,"created_at":"2024-05-23T21:45:13.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":79455,"contact_id":null,"title":"Patricia Rodman","subtitle":"2022-00030 Rodman,Patricia","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:21:26.000000Z"},{"id":275120,"list_id":71877,"order":8,"status":"active","pin_date":null,"created_at":"2024-05-28T18:47:33.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":79562,"contact_id":null,"title":"Edward Ransome","subtitle":"2020-00015 Ransome,Edward","note":"Workers Compensation","filed_at":null,"last_moved_at":"2024-05-28T18:47:33.000000Z"},{"id":314811,"list_id":71877,"order":9,"status":"active","pin_date":null,"created_at":"2024-12-17T16:08:19.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":77482,"contact_id":null,"title":"Connor Powers","subtitle":"2018-00064 Powers,Connor","note":"School Case","filed_at":null,"last_moved_at":"2024-12-17T16:08:19.000000Z"},{"id":274487,"list_id":71877,"order":10,"status":"active","pin_date":null,"created_at":"2024-05-23T21:55:54.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":79577,"contact_id":null,"title":"Tausha Bruce","subtitle":"2017-00118 Bruce,Tausha","note":"Workers Compensation","filed_at":null,"last_moved_at":"2024-11-02T16:17:33.000000Z"}]},{"id":75834,"board_id":10485,"name":"Follow-Up \u0026 Communication","description":null,"card_limit":null,"order":10,"border_color":null,"status":"active","created_at":"2024-10-17T18:28:38.000000Z","updated_at":"2024-11-02T19:30:14.000000Z","deleted_at":null,"cards_count":2,"cards":[{"id":324057,"list_id":75834,"order":1,"status":"active","pin_date":null,"created_at":"2025-01-22T20:46:20.000000Z","updated_at":"2025-01-22T23:25:03.000000Z","deleted_at":null,"matter_id":230780,"contact_id":null,"title":"Minnie Brown","subtitle":"2021-00023 Brown,Minnie","note":"Medical Malpractice","filed_at":null,"last_moved_at":"2025-01-22T20:46:20.000000Z"},{"id":324053,"list_id":75834,"order":2,"status":"active","pin_date":null,"created_at":"2025-01-22T20:44:58.000000Z","updated_at":"2025-01-22T23:25:03.000000Z","deleted_at":null,"matter_id":79563,"contact_id":null,"title":"Michael Myronuk, Jr.","subtitle":"2021-00014 Myronuk, Jr.,Michael","note":"School Case","filed_at":null,"last_moved_at":"2025-01-22T20:44:58.000000Z"}],"first_cards":[{"id":324057,"list_id":75834,"order":1,"status":"active","pin_date":null,"created_at":"2025-01-22T20:46:20.000000Z","updated_at":"2025-01-22T23:25:03.000000Z","deleted_at":null,"matter_id":230780,"contact_id":null,"title":"Minnie Brown","subtitle":"2021-00023 Brown,Minnie","note":"Medical Malpractice","filed_at":null,"last_moved_at":"2025-01-22T20:46:20.000000Z"},{"id":324053,"list_id":75834,"order":2,"status":"active","pin_date":null,"created_at":"2025-01-22T20:44:58.000000Z","updated_at":"2025-01-22T23:25:03.000000Z","deleted_at":null,"matter_id":79563,"contact_id":null,"title":"Michael Myronuk, Jr.","subtitle":"2021-00014 Myronuk, Jr.,Michael","note":"School Case","filed_at":null,"last_moved_at":"2025-01-22T20:44:58.000000Z"}]},{"id":71813,"board_id":10485,"name":"Settlement","description":null,"card_limit":null,"order":11,"border_color":null,"status":"active","created_at":"2024-05-22T15:34:33.000000Z","updated_at":"2024-11-07T21:23:04.000000Z","deleted_at":null,"cards_count":68,"cards":[{"id":366790,"list_id":71813,"order":0,"status":"active","pin_date":null,"created_at":"2025-06-17T15:51:23.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":77524,"contact_id":null,"title":"Estate of Patrice Cochran","subtitle":"2020-00034 Cochran,Patrice","note":"Medical Malpractice","filed_at":null,"last_moved_at":"2025-06-17T15:51:23.000000Z"},{"id":274407,"list_id":71813,"order":1,"status":"active","pin_date":null,"created_at":"2024-05-23T21:19:10.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":230644,"contact_id":null,"title":"Karen Morgan","subtitle":"2023-00042 Morgan, Karen","note":"Premises Liability","filed_at":null,"last_moved_at":"2025-03-25T16:31:10.000000Z"},{"id":307931,"list_id":71813,"order":2,"status":"active","pin_date":null,"created_at":"2024-11-12T13:22:36.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":79567,"contact_id":null,"title":"Mary Grace Burrows","subtitle":"2021-00071 Burrows,Mary Grace","note":"School Case","filed_at":null,"last_moved_at":"2025-03-12T19:55:08.000000Z"},{"id":274623,"list_id":71813,"order":3,"status":"active","pin_date":null,"created_at":"2024-05-24T19:19:16.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":79594,"contact_id":null,"title":"Raul Lopez","subtitle":"2020-00063 Lopez,Raul","note":"Workers\u0027 Compensation","filed_at":null,"last_moved_at":"2025-03-12T19:42:14.000000Z"},{"id":274462,"list_id":71813,"order":4,"status":"active","pin_date":null,"created_at":"2024-05-23T21:48:52.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":77519,"contact_id":null,"title":"Willie Coleman","subtitle":"2019-00117 Coleman,Willie","note":"Workers\u0027 Compensation","filed_at":null,"last_moved_at":"2025-03-12T19:30:08.000000Z"},{"id":274402,"list_id":71813,"order":5,"status":"active","pin_date":null,"created_at":"2024-05-23T21:17:42.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":230639,"contact_id":null,"title":"Dontay Harrington","subtitle":"2023-00071 Harrington, Dontay","note":"Auto Accident","filed_at":null,"last_moved_at":"2025-03-11T19:10:17.000000Z"},{"id":324043,"list_id":71813,"order":7,"status":"active","pin_date":null,"created_at":"2025-01-22T20:33:12.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":230144,"contact_id":null,"title":"Raul Lopez","subtitle":"2020-00142 Lopez, Raul","note":"3rd Party","filed_at":null,"last_moved_at":"2025-01-22T20:33:12.000000Z"},{"id":302721,"list_id":71813,"order":8,"status":"active","pin_date":null,"created_at":"2024-10-17T18:36:34.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":254875,"contact_id":null,"title":"Brittney Joyner","subtitle":"2019-00140 Joyner, Brittney","note":"3rd Party","filed_at":null,"last_moved_at":"2025-01-22T20:26:48.000000Z"},{"id":324076,"list_id":71813,"order":9,"status":"active","pin_date":null,"created_at":"2025-01-22T20:57:35.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":254933,"contact_id":null,"title":"Jade Ratliff","subtitle":"2020-00140 Ratliff, Jade","note":"3rd Party","filed_at":null,"last_moved_at":"2025-01-22T20:57:35.000000Z"},{"id":303035,"list_id":71813,"order":10,"status":"active","pin_date":null,"created_at":"2024-10-18T15:16:22.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":230070,"contact_id":null,"title":"Zina Martin","subtitle":"2024-00015 Martin,Zina","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:22:22.000000Z"}],"first_cards":[{"id":366790,"list_id":71813,"order":0,"status":"active","pin_date":null,"created_at":"2025-06-17T15:51:23.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":77524,"contact_id":null,"title":"Estate of Patrice Cochran","subtitle":"2020-00034 Cochran,Patrice","note":"Medical Malpractice","filed_at":null,"last_moved_at":"2025-06-17T15:51:23.000000Z"},{"id":274407,"list_id":71813,"order":1,"status":"active","pin_date":null,"created_at":"2024-05-23T21:19:10.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":230644,"contact_id":null,"title":"Karen Morgan","subtitle":"2023-00042 Morgan, Karen","note":"Premises Liability","filed_at":null,"last_moved_at":"2025-03-25T16:31:10.000000Z"},{"id":307931,"list_id":71813,"order":2,"status":"active","pin_date":null,"created_at":"2024-11-12T13:22:36.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":79567,"contact_id":null,"title":"Mary Grace Burrows","subtitle":"2021-00071 Burrows,Mary Grace","note":"School Case","filed_at":null,"last_moved_at":"2025-03-12T19:55:08.000000Z"},{"id":274623,"list_id":71813,"order":3,"status":"active","pin_date":null,"created_at":"2024-05-24T19:19:16.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":79594,"contact_id":null,"title":"Raul Lopez","subtitle":"2020-00063 Lopez,Raul","note":"Workers\u0027 Compensation","filed_at":null,"last_moved_at":"2025-03-12T19:42:14.000000Z"},{"id":274462,"list_id":71813,"order":4,"status":"active","pin_date":null,"created_at":"2024-05-23T21:48:52.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":77519,"contact_id":null,"title":"Willie Coleman","subtitle":"2019-00117 Coleman,Willie","note":"Workers\u0027 Compensation","filed_at":null,"last_moved_at":"2025-03-12T19:30:08.000000Z"},{"id":274402,"list_id":71813,"order":5,"status":"active","pin_date":null,"created_at":"2024-05-23T21:17:42.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":230639,"contact_id":null,"title":"Dontay Harrington","subtitle":"2023-00071 Harrington, Dontay","note":"Auto Accident","filed_at":null,"last_moved_at":"2025-03-11T19:10:17.000000Z"},{"id":324043,"list_id":71813,"order":7,"status":"active","pin_date":null,"created_at":"2025-01-22T20:33:12.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":230144,"contact_id":null,"title":"Raul Lopez","subtitle":"2020-00142 Lopez, Raul","note":"3rd Party","filed_at":null,"last_moved_at":"2025-01-22T20:33:12.000000Z"},{"id":302721,"list_id":71813,"order":8,"status":"active","pin_date":null,"created_at":"2024-10-17T18:36:34.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":254875,"contact_id":null,"title":"Brittney Joyner","subtitle":"2019-00140 Joyner, Brittney","note":"3rd Party","filed_at":null,"last_moved_at":"2025-01-22T20:26:48.000000Z"},{"id":324076,"list_id":71813,"order":9,"status":"active","pin_date":null,"created_at":"2025-01-22T20:57:35.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":254933,"contact_id":null,"title":"Jade Ratliff","subtitle":"2020-00140 Ratliff, Jade","note":"3rd Party","filed_at":null,"last_moved_at":"2025-01-22T20:57:35.000000Z"},{"id":303035,"list_id":71813,"order":10,"status":"active","pin_date":null,"created_at":"2024-10-18T15:16:22.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":230070,"contact_id":null,"title":"Zina Martin","subtitle":"2024-00015 Martin,Zina","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:22:22.000000Z"}]},{"id":71814,"board_id":10485,"name":"Disputes\/ Appeals","description":null,"card_limit":null,"order":12,"border_color":null,"status":"active","created_at":"2024-05-22T15:34:33.000000Z","updated_at":"2024-11-07T21:23:04.000000Z","deleted_at":null,"cards_count":6,"cards":[{"id":307613,"list_id":71814,"order":1,"status":"active","pin_date":null,"created_at":"2024-11-11T15:59:41.000000Z","updated_at":"2025-01-22T23:25:14.000000Z","deleted_at":null,"matter_id":230644,"contact_id":null,"title":"Karen Morgan","subtitle":"2023-00042 Morgan,Karen","note":"Premises Liability","filed_at":null,"last_moved_at":"2025-01-22T20:13:12.000000Z"},{"id":302756,"list_id":71814,"order":2,"status":"active","pin_date":null,"created_at":"2024-10-17T19:21:02.000000Z","updated_at":"2025-01-22T23:25:14.000000Z","deleted_at":null,"matter_id":254890,"contact_id":null,"title":"Joseph Reid, III","subtitle":"2020-00057 Reid, III,Joseph","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:26:35.000000Z"},{"id":275162,"list_id":71814,"order":3,"status":"active","pin_date":null,"created_at":"2024-05-28T19:34:24.000000Z","updated_at":"2025-01-22T23:25:14.000000Z","deleted_at":null,"matter_id":77525,"contact_id":null,"title":"Jackson Lancaster","subtitle":"2020-00040 Lancaster,Jackson","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:29:34.000000Z"},{"id":274469,"list_id":71814,"order":4,"status":"active","pin_date":null,"created_at":"2024-05-23T21:50:34.000000Z","updated_at":"2025-01-22T23:25:14.000000Z","deleted_at":null,"matter_id":77505,"contact_id":null,"title":"Simarjeet Kaur","subtitle":"2019-00050 Kaur,Simarjeet","note":"General Negligence","filed_at":null,"last_moved_at":"2024-11-02T16:24:55.000000Z"},{"id":274468,"list_id":71814,"order":5,"status":"active","pin_date":null,"created_at":"2024-05-23T21:50:16.000000Z","updated_at":"2025-01-22T23:25:14.000000Z","deleted_at":null,"matter_id":74302,"contact_id":null,"title":"La\u0027Neka Lambert","subtitle":"2019-00072 Lambert,La\u0027Neka","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:26:08.000000Z"},{"id":274478,"list_id":71814,"order":6,"status":"active","pin_date":null,"created_at":"2024-05-23T21:53:20.000000Z","updated_at":"2025-01-22T23:25:14.000000Z","deleted_at":null,"matter_id":230682,"contact_id":null,"title":"Jeffrey Andrew Ledergerber","subtitle":"2018-00224 Ledergerber,Jeffrey","note":"General Negligence","filed_at":null,"last_moved_at":"2024-11-02T16:21:45.000000Z"}],"first_cards":[{"id":307613,"list_id":71814,"order":1,"status":"active","pin_date":null,"created_at":"2024-11-11T15:59:41.000000Z","updated_at":"2025-01-22T23:25:14.000000Z","deleted_at":null,"matter_id":230644,"contact_id":null,"title":"Karen Morgan","subtitle":"2023-00042 Morgan,Karen","note":"Premises Liability","filed_at":null,"last_moved_at":"2025-01-22T20:13:12.000000Z"},{"id":302756,"list_id":71814,"order":2,"status":"active","pin_date":null,"created_at":"2024-10-17T19:21:02.000000Z","updated_at":"2025-01-22T23:25:14.000000Z","deleted_at":null,"matter_id":254890,"contact_id":null,"title":"Joseph Reid, III","subtitle":"2020-00057 Reid, III,Joseph","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:26:35.000000Z"},{"id":275162,"list_id":71814,"order":3,"status":"active","pin_date":null,"created_at":"2024-05-28T19:34:24.000000Z","updated_at":"2025-01-22T23:25:14.000000Z","deleted_at":null,"matter_id":77525,"contact_id":null,"title":"Jackson Lancaster","subtitle":"2020-00040 Lancaster,Jackson","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:29:34.000000Z"},{"id":274469,"list_id":71814,"order":4,"status":"active","pin_date":null,"created_at":"2024-05-23T21:50:34.000000Z","updated_at":"2025-01-22T23:25:14.000000Z","deleted_at":null,"matter_id":77505,"contact_id":null,"title":"Simarjeet Kaur","subtitle":"2019-00050 Kaur,Simarjeet","note":"General Negligence","filed_at":null,"last_moved_at":"2024-11-02T16:24:55.000000Z"},{"id":274468,"list_id":71814,"order":5,"status":"active","pin_date":null,"created_at":"2024-05-23T21:50:16.000000Z","updated_at":"2025-01-22T23:25:14.000000Z","deleted_at":null,"matter_id":74302,"contact_id":null,"title":"La\u0027Neka Lambert","subtitle":"2019-00072 Lambert,La\u0027Neka","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:26:08.000000Z"},{"id":274478,"list_id":71814,"order":6,"status":"active","pin_date":null,"created_at":"2024-05-23T21:53:20.000000Z","updated_at":"2025-01-22T23:25:14.000000Z","deleted_at":null,"matter_id":230682,"contact_id":null,"title":"Jeffrey Andrew Ledergerber","subtitle":"2018-00224 Ledergerber,Jeffrey","note":"General Negligence","filed_at":null,"last_moved_at":"2024-11-02T16:21:45.000000Z"}]}],"members":[{"id":2722,"user_id":2744,"account_id":2004,"type":"owner","status":"active","created_at":"2022-03-25T14:01:46.000000Z","updated_at":"2022-03-25T14:01:46.000000Z","deleted_at":null,"laravel_through_key":10485,"user":{"id":2744,"role_id":null,"initials":"OA","first_name":"Office","last_name":"Admin","email":"accounts@ledyardlaw.com","email_verified_at":"2022-03-25 14:01:59","phone":null,"timezone":"America\/Toronto","language":"en-US","view_option":"normal","avatar":"https:\/\/s3.ca-central-1.amazonaws.com\/production-legalboards\/avatars\/2744\/546968507.png","mautic_contact_id":null,"hubspot_contact_id":2214851,"practice_panther_id":null,"filevine_id":null,"board_id":10471,"clio_user_id":351956236,"clio_account_id":809508660,"clio_sub":"94b5eda98e6d829497203b8f6a70e177","microsoft_id":null,"my_case_user_id":null,"lawmatics_user_id":null,"status":"active","settings":null,"notified_clio_authorization_at":"2024-05-03T13:40:16.000000Z","created_at":"2022-03-25T14:01:46.000000Z","updated_at":"2025-06-17T16:32:27.000000Z","deleted_at":null,"full_name":"Office Admin"}},{"id":2749,"user_id":2771,"account_id":2004,"type":"user","status":"active","created_at":"2022-03-30T20:57:39.000000Z","updated_at":"2022-03-30T20:57:39.000000Z","deleted_at":null,"laravel_through_key":10485,"user":{"id":2771,"role_id":null,"initials":"LL","first_name":"Litigation","last_name":"Ledyard Law","email":"litigation@ledyardlaw.com","email_verified_at":"2022-03-30 20:57:56","phone":null,"timezone":"America\/Toronto","language":"en-US","view_option":"normal","avatar":null,"mautic_contact_id":null,"hubspot_contact_id":2250851,"practice_panther_id":null,"filevine_id":null,"board_id":10485,"clio_user_id":351956251,"clio_account_id":null,"clio_sub":"70eb7b53e4b137203d14733e6d13561f","microsoft_id":null,"my_case_user_id":null,"lawmatics_user_id":null,"status":"active","settings":null,"notified_clio_authorization_at":"2022-04-07T13:15:13.000000Z","created_at":"2022-03-30T20:57:39.000000Z","updated_at":"2024-06-23T22:06:08.000000Z","deleted_at":null,"full_name":"Litigation Ledyard Law"}}],"users":[{"id":2722,"user_id":2744,"account_id":2004,"type":"owner","status":"active","created_at":"2022-03-25T14:01:46.000000Z","updated_at":"2022-03-25T14:01:46.000000Z","deleted_at":null,"laravel_through_key":10485,"user":{"id":2744,"role_id":null,"initials":"OA","first_name":"Office","last_name":"Admin","email":"accounts@ledyardlaw.com","email_verified_at":"2022-03-25 14:01:59","phone":null,"timezone":"America\/Toronto","language":"en-US","view_option":"normal","avatar":"https:\/\/s3.ca-central-1.amazonaws.com\/production-legalboards\/avatars\/2744\/546968507.png","mautic_contact_id":null,"hubspot_contact_id":2214851,"practice_panther_id":null,"filevine_id":null,"board_id":10471,"clio_user_id":351956236,"clio_account_id":809508660,"clio_sub":"94b5eda98e6d829497203b8f6a70e177","microsoft_id":null,"my_case_user_id":null,"lawmatics_user_id":null,"status":"active","settings":null,"notified_clio_authorization_at":"2024-05-03T13:40:16.000000Z","created_at":"2022-03-25T14:01:46.000000Z","updated_at":"2025-06-17T16:32:27.000000Z","deleted_at":null,"full_name":"Office Admin"}},{"id":2749,"user_id":2771,"account_id":2004,"type":"user","status":"active","created_at":"2022-03-30T20:57:39.000000Z","updated_at":"2022-03-30T20:57:39.000000Z","deleted_at":null,"laravel_through_key":10485,"user":{"id":2771,"role_id":null,"initials":"LL","first_name":"Litigation","last_name":"Ledyard Law","email":"litigation@ledyardlaw.com","email_verified_at":"2022-03-30 20:57:56","phone":null,"timezone":"America\/Toronto","language":"en-US","view_option":"normal","avatar":null,"mautic_contact_id":null,"hubspot_contact_id":2250851,"practice_panther_id":null,"filevine_id":null,"board_id":10485,"clio_user_id":351956251,"clio_account_id":null,"clio_sub":"70eb7b53e4b137203d14733e6d13561f","microsoft_id":null,"my_case_user_id":null,"lawmatics_user_id":null,"status":"active","settings":null,"notified_clio_authorization_at":"2022-04-07T13:15:13.000000Z","created_at":"2022-03-30T20:57:39.000000Z","updated_at":"2024-06-23T22:06:08.000000Z","deleted_at":null,"full_name":"Litigation Ledyard Law"}}],"teams":[{"id":18845,"board_id":10485,"account_user_id":2722,"type":"owner","created_at":"2024-05-22T15:34:33.000000Z","updated_at":"2024-05-22T15:34:33.000000Z"},{"id":18846,"board_id":10485,"account_user_id":2749,"type":"user","created_at":"2024-05-22T15:34:33.000000Z","updated_at":"2024-05-22T15:34:33.000000Z"}]};
window.statusAccountTrialsEnd = false;
</script>
<script src="https://app.legalboards.io/dist/js/pages/boards.js?v=production-84756eb"></script>

<!-- Focus new card search -->
<script>

$('.card-scope').disableSelection();
$('#list-view-wrapper').disableSelection();

$(window).on('load', function() {
setupBoardDraggable();
});

function setupBoardDraggable()
{
$(".card-scope")
.addClass('position-static')
.draggable({
axis: "x",
drag: function(e, ui) {
$(".scope-container").scrollLeft(ui.offset.left * -1);
},
});
}

function fixNewCardFocus()
{
$(".add-new-card").click(function() {
$(this).find("input.select2-input.ui-select-search").focus();
});

$('.newcard-list').click(function () {
$(this).find("input.select2-input.ui-select-search").focus();
});
}

$(document).ready(function() {
setupBoardDraggable();
fixNewCardFocus();
});

$(document).on('show.bs.dropdown', function(event) {

var button = $(event.target);

if (!button.hasClass('card-title')) {
return;
}

var cardParent = button.closest('.card');
if (!cardParent.is(':last-of-type')) {
return;
}

var menu = button.find('.dropdown-menu.card-actions-list');
var offset = button.offset();

menu.attr('style', `position:fixed; top: ${offset.top}px !important; left: ${offset.left}px !important;`);
});
</script>
<!-- No Script message -->
</body>

</html>